@font-face {
font-family: 'SourceSansPro';
src: url('/web/20180724112358im_/http://www.janes.com/images/Source_Sans_Pro/SourceSansPro-Light.ttf') format('truetype');
}
/* EDITORIAL360 */
/* SHARED */
.medium,
.small {
display: none;
}
.large {
display: block;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0px;
}
h1 {
color: black;
font-family: arial;
font-size: 22px;
font-size: 2.2rem;
font-weight: bold;
line-height: 1;
}
h2 {
color: #54caf5;
font-family: arial;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
position: relative;
}
h2 .arrow {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/section-link-arrow.png);
background-repeat: no-repeat;
bottom: 0;
display: inline-block;
height: 9px;
position: relative;
margin-left: 5px;
width: 8px;
}
h3 {
color: #4c4c4c;
font-family: arial;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 2px;
}
h3 a,
h3 a:visited {
color: #4c4c4c;
}
h3 .arrow {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/section-link-arrow.png);
background-repeat: no-repeat;
display: inline-block;
height: 9px;
position: absolute;
right: -15px;
top: 4px;
width: 8px;
}
h5 {
font-size: 14px;
}
.italic {
font-style: italic;
}
div.divider {
margin: 15px 0px;
border-bottom: solid #cccccc 1px;
}
.formatted-content {
font-size: 13px;
}
.formatted-content h1 {
font-size: 19px;
font-size: 1.9rem;
font-weight: bold;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
color: #000000;
}
.formatted-content h2 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
color: #000000;
}
.formatted-content h3 {
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
color: #000000;
}
.formatted-content th {
text-align: center;
font-weight: bold;
}
.formatted-content td {
text-align: left;
}
.formatted-content img {
height: auto;
margin-bottom: 5px;
}
.formatted-content .img_left {
text-align: center;
float: left;
margin-right: 10px;
}
.formatted-content .img_right {
text-align: center;
float: right;
margin-left: 10px;
}
.formatted-content .img_center {
text-align: center;
}
.formatted-content .img_inline {
text-align: center;
display: inline-block;
margin: 10px;
}
.formatted-content.article-content .img_center,
.formatted-content.article-content .img_inline,
.formatted-content.article-content .img_right,
.formatted-content.article-content .img_left {
margin-top: 5px;
margin-bottom: 15px;
max-width: 542px;
width: auto;
}
.formatted-content.article-content .img_center img,
.formatted-content.article-content .img_inline img,
.formatted-content.article-content .img_right img,
.formatted-content.article-content .img_left img {
max-width: 100%;
width: auto;
}
.formatted-content.article-content iframe.video-frame-in-text-big {
float: none;
margin: 5px auto;
display: block;
}
.formatted-content.article-content iframe.video-frame-in-text {
float: left;
margin: 5px 10px 5px 0px;
}
.formatted-content.offering img,
.formatted-content.offering .img_center,
.formatted-content.offering .img_left,
.formatted-content.offering .img_right,
.formatted-content.offering .img_inline {
max-width: 334px;
width: auto;
}
.formatted-content .caption {
font-size: 11px;
font-size: 1.1rem;
font-weight: bold;
text-align: center;
display: block;
word-wrap: break-word;
}
.placeholder {
background-color: #9d9d9d;
color: white;
overflow: hidden;
}
a,
a:visited {
color: #54caf5;
text-decoration: none;
}
a image,
a:visited image {
border: 0;
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
text-decoration: underline;
}
a.external {
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/external-link.png) center right no-repeat;
padding-right: 17px;
}
.section-title {
color: #d5863d;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
}
.section-title a,
.section-title a:visited {
color: inherit !important;
}
.ad-label {
color: #a6a6a6;
margin-bottom: 2px;
}
.section-description {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.6;
margin-bottom: 10px;
}
.square-button-gray {
background: #ececec;
background: -moz-linear-gradient(top, #ececec 0%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #dadada));
background: -webkit-linear-gradient(top, #ececec 0%, #dadada 100%);
background: -o-linear-gradient(top, #ececec 0%, #dadada 100%);
background: -ms-linear-gradient(top, #ececec 0%, #dadada 100%);
background: linear-gradient(to bottom, #ececec 0%, #dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dadada',GradientType=0);
border: 1px solid #bbbbbb;
color: #4c4c4c;
display: block;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
padding: 5px 0;
text-align: center;
}
.square-button-purple {
background-color: #54caf5;
border: 1px solid #ebebeb;
cursor: pointer;
display: inline-block;
margin: 0 auto;
max-width: 100%;
word-wrap: break-word;
text-align: center;
}
.square-button-purple .inner {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
color: white !important;
display: block;
font-size: 16px !important;
font-weight: normal !important;
padding: 10px 20px;
text-decoration: none;
}
.square-button-purple .inner:hover {
text-decoration: none;
}
#call-to-action {
background-color: #f2f2f2;
margin: 10px 0 25px;
padding: 5px 0;
text-align: center;
}
#call-to-action a,
#call-to-action a:visited {
background: none;
font-weight: bold;
padding: 0;
}
.form-validation-errors {
background: #f8e5e4;
border: 1px solid #c41100;
display: inline-block;
padding: 10px 15px;
}
.form-validation-errors h4 {
color: #960e00;
font-size: 14px;
font-weight: bold;
}
input:required {
box-shadow: none;
}
input:invalid {
box-shadow: none;
outline: none;
}
/**********/
/* ADS */
/**********/
#welcome-ad-modal {
background-color: white;
padding: 0 20px 20px 20px;
}
#welcome-ad-modal .modal-close {
text-align: right;
font-weight: bold;
font-size: 13px;
line-height: 1.5;
}
#welcome-ad-modal .modal-close #welcome-ad-timer {
display: inline-block;
width: 14px;
text-align: center;
}
#welcome-ad-modal .modal-close a {
cursor: pointer;
color: inherit;
text-decoration: none !important;
}
#slider-ad-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
width: 1140px;
margin: 0 auto;
background-color: white;
}
#slider-ad-container #slider-ad {
margin: auto;
position: relative;
}
#slider-ad-container #slider-ad .ad-label {
position: absolute;
top: 10px;
right: -30px;
}
/* ARTICLE LISTS */
.article-list {
list-style-type: none;
margin-bottom: 35px;
padding: 0;
}
.article-list h3 {
color: #4c4c4c;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 22px;
}
.article-list h5 {
margin-bottom: 10px;
}
.article-list .article {
margin-bottom: 10px;
}
.article-list .author,
.article-list .date,
.article-list .byline {
color: #a6a6a6;
}
.article-list .description {
margin-bottom: 10px;
}
.article-list li {
border-bottom: 1px solid silver;
padding: 18px 0 24px;
}
.article-list li p {
color: #444444;
font-size: 15px;
font-size: 1.5rem;
line-height: 22px;
margin: 10px 0 0 0;
padding: 0;
}
.article-list li .description {
overflow: hidden;
}
.article-list li.infographic {
margin-bottom: 18px;
}
.related-article-lists {
padding-left: 15px;
}
.related-article-lists ul,
.related-article-lists li {
border: 0;
margin: 0;
padding: 0;
}
.related-article-lists li {
margin-bottom: 18px;
}
.related-article-lists .sponsor {
position: absolute;
right: 0;
top: 0;
}
.related-article-lists .section-header,
.article-list .section-header {
border-color: silver;
border-style: solid;
border-width: 1px 0;
margin-bottom: 20px;
padding: 11px 0;
height: 18px;
position: relative;
}
.related-article-lists .links,
.article-list .links {
float: left;
width: 345px;
}
.related-article-lists .article-info,
.article-list .article-info,
.related-article-lists .release-date,
.article-list .release-date,
.related-article-lists .source,
.article-list .source {
color: #d27c26;
}
.related-article-lists .subscribe,
.article-list .subscribe {
font-size: 13px;
font-size: 1.3rem;
position: absolute;
max-width: none;
right: 20px;
top: 12px;
}
.related-article-lists .headlines,
.article-list .headlines {
margin-bottom: 25px;
}
.related-article-lists .headlines.hero-only .hero,
.article-list .headlines.hero-only .hero {
float: none;
margin-right: 0;
width: auto;
}
.related-article-lists .headlines.hero-only .hero .inner,
.article-list .headlines.hero-only .hero .inner {
border: 0;
padding-right: 0;
width: auto;
}
.related-article-lists .headlines.hero-only .hero .details,
.article-list .headlines.hero-only .hero .details {
width: 615px;
}
.related-article-lists .hero,
.article-list .hero {
float: left;
margin-right: 24px;
min-height: 1px;
width: 364px;
}
.related-article-lists .hero h3,
.article-list .hero h3 {
margin-bottom: 12px;
}
.related-article-lists .hero .section-title,
.article-list .hero .section-title {
margin-bottom: 8px;
}
.related-article-lists .hero a,
.article-list .hero a,
.related-article-lists .hero a:visited,
.article-list .hero a:visited {
color: #4c4c4c;
}
.related-article-lists .hero img,
.article-list .hero img {
float: left;
margin-right: 12px;
max-width: 107px;
}
.related-article-lists .hero .inner,
.article-list .hero .inner {
border-right: 1px solid silver;
padding-right: 18px;
width: 340px;
}
.related-article-lists .hero .description,
.article-list .hero .description {
font-size: 13px;
font-size: 1.3rem;
color: #444444;
line-height: 18px;
}
.related-article-lists li.image .details,
.article-list li.image .details {
float: left;
width: 220px;
}
.related-article-lists li.image .details:after,
.article-list li.image .details:after {
clear: both;
}
#region-list {
margin-bottom: 25px;
}
#region-list h3 {
color: #54caf5;
display: inline;
font-family: arial;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
position: relative;
}
#region-list h3 a {
color: inherit !important;
}
#region-list .region {
float: left;
margin: 0 60px 25px 0;
position: relative;
}
#region-list .region.last {
margin-right: 0;
}
#region-list .region .region-headlines a,
#region-list .region .region-headlines a:visited {
color: inherit;
}
#region-list .region .background {
background-repeat: no-repeat;
height: 183px;
margin-top: 10px;
padding: 20px;
width: 289px;
}
#region-list .region .background.the-americas {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/region/the-americas.png);
}
#region-list .region .background.asia-pacific {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/region/asia-pacific.png);
}
#region-list .region .background.europe {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/region/europe.png);
}
#region-list .region .background.middle-east-africa {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/region/middle-east-africa.png);
}
#region-list .region .archive-link {
position: absolute;
bottom: -15px;
right: 15px;
}
#region-list .region .archive-link a {
font-size: 12px !important;
font-size: 1.2rem !important;
font-weight: normal !important;
}
#region-list .region.has-archive .background {
height: 173px;
padding-bottom: 30px;
}
#region-list a .li-content {
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/square-bullet.jpg) no-repeat;
background-position: 5px 8px;
color: #444444 !important;
display: block;
max-height: 45px;
overflow: hidden;
padding-left: 20px;
}
#region-list li {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
margin: 0 0 10px 0;
list-style-type: none;
}
/* CAROUSEL */
#carousel {
background-color: #f2f2f2;
margin-bottom: 24px;
padding: 18px;
}
#carousel #hero-link-small {
display: none;
}
#carousel #carousel-content {
position: relative;
}
#carousel #hero {
width: 716px;
height: 461px;
}
#carousel #hero #hero-link {
color: #4c4c4c !important;
}
#carousel #hero #hero-link h2 {
background-color: transparent;
color: inherit;
display: block !important;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
height: 44px;
line-height: 22px;
max-width: none;
overflow: hidden;
padding: 0;
margin-bottom: 14px;
}
#carousel #hero .hero-caption {
background-color: #141414;
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
right: 0;
color: white;
font-size: 10px;
font-size: 1.0rem;
padding: 5px;
position: absolute;
}
#carousel #hero .hero-image {
background-size: 716px 403px;
margin: 0px;
padding: 0px;
clear: both;
}
#carousel #carousel-thumbnails {
margin-top: 20px;
}
#carousel #carousel-thumbnails .thumbnail {
float: left;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin-right: 5.66%;
position: relative;
width: 20%;
}
#carousel #carousel-thumbnails .thumbnail a,
#carousel #carousel-thumbnails .thumbnail a:visited {
color: #4c4c4c;
}
#carousel #carousel-thumbnails .thumbnail.last {
margin-right: 0;
}
#carousel #carousel-thumbnails .thumbnail img {
width: 164px;
height: 92px;
}
#carousel #carousel-thumbnails .thumbnail .title {
margin-top: 10px;
max-height: 70px;
overflow: hidden;
}
#carousel #carousel-thumbnails .thumbnail .image-border-frame {
border: 3px solid #54caf5;
display: none;
height: 86px;
position: absolute;
top: 0;
width: 158px;
}
#carousel #carousel-thumbnails .thumbnail.activeSlide a,
#carousel #carousel-thumbnails .thumbnail.activeSlide a:visited {
color: #54caf5;
}
#carousel #carousel-thumbnails .thumbnail.activeSlide .image-border-frame {
display: block;
}
#carousel .sponsor {
float: right;
position: relative;
top: 0px;
}
.article-list .contact-link {
color: #1c146a;
cursor: pointer;
font-weight: bold;
}
#get-connected .button-large {
background-color: #1c146a;
border: 1px solid #808080;
color: white;
cursor: pointer;
display: block;
font-size: 16px;
height: 20px;
margin: 15px auto 5px;
padding: 10px;
text-align: center;
width: 155px;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
z-index: 10000;
}
/**************/
/* Offering */
/**************/
li.offering {
background-color: #f2f2f2;
padding: 15px !important;
border: 0px;
margin: 18px 0 25px;
}
li.offering h3 {
font-size: 18px !important;
font-size: 1.8rem !important;
margin-bottom: 5px;
}
li.offering div.body {
color: #444444;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.3 !important;
margin: 0 0 24px 0;
}
li.offering div.body h3 {
color: #d27c26;
font-size: 14px !important;
}
li.offering .action {
margin-top: 15px;
text-align: center;
clear: both;
}
li.offering .action a,
li.offering .action a:visited {
color: white;
}
li.offering a:hover,
li.offering a:visited:hover {
text-decoration: none;
}
li.offering img {
float: left;
margin: 0 10px 10px 0;
}
/* PAGING */
.paging {
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
margin: 10px 0;
}
.paging span {
margin: 0 5px;
}
.paging span.page-current a,
.paging span.page-current a:visited {
color: #333333;
}
/* SOCIAL MEDIA */
#top-content #social-media {
float: left;
margin-right: 24px;
min-height: 1px;
width: 364px;
margin-right: 0;
margin-right: 0 !important;
max-height: 17px;
overflow: hidden;
}
#top-content #social-media .content {
padding: 0 33px 0 31px;
}
#top-content #social-media .content .buttons {
border-left: 1px solid #444444;
padding-left: 10px;
}
#top-content #social-media .left,
#top-content #social-media .right {
float: left;
}
#top-content #social-media .left {
margin-right: 5px;
}
#top-content #social-media .right {
border-left: 1px solid #cccccc;
height: 17px;
padding: 0 5px;
}
#top-content #social-media .right.addthis_toolbox {
width: 40px;
}
#top-content #social-media .right .rss-button {
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/rss.png);
background-repeat: no-repeat;
display: inline-block;
height: 16px;
margin: 0 4px 0 2px;
width: 16px;
}
#top-content #social-media .right .rss-label {
position: relative;
top: -3px;
}
#top-content #social-media .addthis_button_compact.at300m {
position: relative;
top: -3px;
}
#top-content #social-media .addthis_button_compact.at300m .at-icon-wrapper {
position: relative;
margin-right: 5px;
top: 3px;
}
#top-content #social-media .at4-icon.aticon-compact {
margin-right: 4px;
position: relative;
top: -1px;
}
#share-buttons {
margin-bottom: 12px;
}
#share-buttons .share-button {
background-repeat: no-repeat;
display: inline-block;
height: 20px;
margin-right: 5px;
}
#share-buttons .addthis_button_facebook {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/share-facebook.png);
display: inline-block;
height: 20px;
margin-right: 5px;
overflow: hidden;
position: relative;
top: 5px;
width: 57px;
}
#share-buttons .share-email {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/share-email.png);
width: 71px;
}
#share-buttons .share-linkedin {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/share-linkedin.png);
width: 59px;
}
#share-buttons .share-twitter {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/share-twitter.png);
width: 56px;
}
#linkedin #li-header {
font-size: 20px;
font-weight: bold;
margin: 2px 0;
width: 100%;
}
#linkedin .li-profile-container p {
margin: 5px 0;
font-size: 12px;
}
#linkedin a:visited {
color: #069;
}
#linkedin a {
text-decoration: none;
color: #069;
}
#linkedin .company-info {
margin: 4px 0 0 0;
width: 70%;
float: left;
}
#linkedin .company-logo {
border: 0;
padding: 0;
float: right;
}
#linkedin .container-outer {
border: 1px solid #ededed;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 1px;
width: 1%;
}
#linkedin .li-profile-card h1 {
color: #0079AB;
font-size: 20px;
font-weight: bold;
margin: 2px 0;
}
#linkedin .li-profile-container {
background: #ededed;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 13px;
width: 350px;
padding: 5px;
zoom: 1;
}
#linkedin .li-profile-card {
background: #fff;
border: 1px solid #ccc;
font-style: normal;
padding: 10px;
zoom: 1;
-webkit-box-shadow: 1px 1px 5px #ccc;
-moz-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#CCCCCC');
}
#linkedin .ie-filter-fix {
position: relative;
}
#linkedin .description {
margin-top: 10px;
clear: both;
}
#linkedin .locality {
display: inline;
margin-top: 2px;
color: #666;
}
#linkedin .industry {
display: inline;
margin-top: 2px;
color: #666;
}
#linkedin .wrapper {
position: relative;
background: #fff;
}
/* SPONSOR */
.sponsor .ad-label {
color: #666666;
font-size: 10px;
margin-right: 115px;
position: absolute;
right: 0;
top: 13px;
width: 45px;
}
.sponsor .label,
.sponsor .ad {
float: left;
}
.sponsor .label {
margin-right: 10px;
padding: 12px 0;
}
.sponsor .ad {
font-size: 9px;
}
/* VIDEO */
object.BrightcoveExperience.small-size {
display: none !important;
}
#BCLcontainingBlock {
width: 100%;
float: right;
}
.BCLvideoWrapper {
position: relative;
padding-top: 1px;
padding-bottom: 56.25%;
height: 0;
}
* html .BCLvideoWrapper {
margin-bottom: 45px;
margin-top: 0;
width: 100%;
height: 100%;
}
.BCLvideoWrapper div,
.BCLvideoWrapper embed,
.BCLvideoWrapper object,
.BrightcoveExperience {
position: absolute;
width: 100% !important;
height: 100% !important;
left: 0;
top: 0;
}
ul#featured-video {
position: relative;
}
ul#featured-video .inner {
background-color: #f2f2f2;
margin-top: 18px;
padding: 15px;
}
ul#featured-video .inner a,
ul#featured-video .inner a:visited {
color: #444444;
font-size: 13px;
}
ul#featured-video li {
border: 0;
margin: 0;
padding: 0;
}
ul#featured-video h2 {
display: inline;
}
ul#featured-video h3 {
margin-bottom: 10px;
}
ul#featured-video h4 {
font-size: 13px;
margin-top: 15px;
display: block;
padding-right: 40px;
position: relative;
}
ul#featured-video h4 a,
ul#featured-video h4 a:visited {
color: #333333;
}
ul#featured-video h4 .share {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/multimedia-icons/icon-share.png);
background-repeat: no-repeat;
height: 20px;
position: absolute;
right: 0;
top: -1px;
width: 14px;
}
ul#featured-video .divider {
margin: 10px 0;
}
ul#featured-video .video-link {
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/multimedia-icons/icon-video.png) center left no-repeat;
margin-top: 15px;
padding-left: 25px;
}
ul#featured-video .sponsor {
float: right;
position: relative;
top: -11px;
}
li.video-image,
li.video-player-thumbnail {
margin-bottom: 0;
}
li.video-image h3,
li.video-player-thumbnail h3 {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
}
li.video-image .release-date,
li.video-player-thumbnail .release-date,
li.video-image .source,
li.video-player-thumbnail .source {
color: #d27c26;
}
li.video-image .description,
li.video-player-thumbnail .description {
margin-top: 15px;
}
li.video-image img,
li.video-player-thumbnail img {
float: left;
margin-right: 10px;
max-width: 140px;
}
#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
}
#fancybox-buttons.top {
top: 10px;
}
#fancybox-buttons.bottom {
bottom: 10px;
}
#fancybox-buttons ul {
display: block;
width: 166px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
background: #323232;
background: -moz-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333));
background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
background: -ms-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-color: transparent;
background-image: url('/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/fancybox/fancybox_buttons.png');
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}
#fancybox-buttons a:hover {
opacity: 1;
}
#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px;
}
#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
opacity: 0.4;
cursor: default;
}
#fancybox-thumbs {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
z-index: 8050;
}
#fancybox-thumbs.bottom {
bottom: 2px;
}
#fancybox-thumbs.top {
top: 2px;
}
#fancybox-thumbs ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#fancybox-thumbs ul li {
float: left;
padding: 1px;
opacity: 0.5;
}
#fancybox-thumbs ul li.active {
opacity: 0.75;
padding: 0;
border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
opacity: 1;
}
#fancybox-thumbs ul li a {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #222;
background: #111;
outline: none;
}
#fancybox-thumbs ul li img {
display: block;
position: relative;
border: 0;
padding: 0;
max-width: none;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/fancybox/blank.gif');
/* helps IE */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/fancybox/fancybox_sprite@2x.png');
background-size: 44px 152px;
/*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px;
/*The size of the normal image, half the size of the hi-res image*/
}
}
/*
Zebra_DatePicker: a lightweight jQuery date picker plugin
Metalic Theme
copyright (c) 2011 - 2013 Stefan Gabos
http://stefangabos.ro/jquery/zebra-datepicker/
*/
.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.Zebra_DatePicker {
position: absolute;
background: #333;
border: 3px solid #333;
display: none;
z-index: 100;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 13px;
}
.Zebra_DatePicker * {
margin: 0;
padding: 0;
color: #666;
background: transparent;
border: none;
}
/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table {
border-collapse: collapse;
border-spacing: 0;
}
.Zebra_DatePicker td,
.Zebra_DatePicker th {
text-align: center;
padding: 5px 0;
}
.Zebra_DatePicker td {
cursor: pointer;
}
.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
margin-top: 3px;
}
.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
width: 30px;
border: 1px solid #BBB;
background: #dedede url('/web/20180724112358im_/http://www.janes.com/images/editorial360/datepicker/default-date.png') repeat-x top;
color: #666666;
}
.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td {
color: #e0e0e0;
}
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
width: 30px;
}
.Zebra_DatePicker .dp_header .dp_caption {
font-weight: bold;
}
.Zebra_DatePicker .dp_header .dp_hover {
background: #3390FF;
color: #ffffff;
}
.Zebra_DatePicker .dp_header .dp_blocked {
color: #888;
cursor: default;
}
/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th {
background: #f1f1f1 url('/web/20180724112358im_/http://www.janes.com/images/editorial360/datepicker/titles.png') repeat-x top;
font-size: 9px;
padding-top: 7px;
}
.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month,
.Zebra_DatePicker td.dp_not_in_month_selectable {
background: #ececec url('/web/20180724112358im_/http://www.janes.com/images/editorial360/datepicker/disabled-date.png');
color: #CCC;
cursor: default;
}
.Zebra_DatePicker td.dp_not_in_month_selectable {
cursor: pointer;
}
.Zebra_DatePicker td.dp_weekend {
background: #dedede url('/web/20180724112358im_/http://www.janes.com/images/editorial360/datepicker/default-date.png') repeat-x top;
color: #666666;
}
.Zebra_DatePicker td.dp_selected {
background: #D27C26;
color: #e0e0e0 !important;
}
/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td {
width: 33%;
}
/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td {
width: 33%;
}
/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current {
color: #e26261;
}
.Zebra_DatePicker td.dp_disabled_current {
color: #e38585;
}
.Zebra_DatePicker td.dp_hover {
background: #3390FF;
color: #ffffff;
}
.Zebra_DatePicker td.dp_disabled {
background: #ececec url('/web/20180724112358im_/http://www.janes.com/images/editorial360/datepicker/disabled-date.png') repeat-x top;
color: #DDD;
cursor: default;
}
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background: url('/web/20180724112358im_/http://www.janes.com/images/editorial360/datepicker/icon-calendar.png') no-repeat left top;
text-indent: -9000px;
border: none;
cursor: pointer;
padding: 0;
line-height: 0;
vertical-align: top;
zoom: 1;
*display: inline;
}
button.Zebra_DatePicker_Icon_Disabled {
background-image: url('/web/20180724112358im_/http://www.janes.com/imageseditorial360/datepicker/icon-disabled.png');
}
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon {
margin: 0 0 0 3px;
}
button.Zebra_DatePicker_Icon_Inside {
margin: 0 3px 0 0;
}
/* END Zebra_DatePicker */
/* GRID */
.column,
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
float: left;
margin-right: 24px;
min-height: 1px;
}
.last {
margin-right: 0;
}
.span-1 {
width: 73px;
}
.span-2 {
width: 170px;
}
.span-3 {
width: 267px;
}
.span-4 {
width: 364px;
}
.span-5 {
width: 461px;
}
.span-6 {
width: 558px;
}
.span-7 {
width: 655px;
}
.span-8 {
width: 752px;
}
.span-9 {
width: 849px;
}
.span-10 {
width: 946px;
}
.span-11 {
width: 1043px;
}
.span-12 {
margin-right: 0;
width: 1140px;
}
.span-1m,
.span-2m,
.span-3m,
.span-4m,
.span-5m,
.span-6m,
.span-7m,
.span-8m,
.span-9m,
.span-10m,
.span-11m,
.span-12m {
float: left;
margin-right: 24px;
min-height: 1px;
}
.span-1m {
width: 40px;
}
.span-2m {
width: 104px;
}
.span-3m {
width: 168px;
}
.span-4m {
width: 232px;
}
.span-5m {
width: 296px;
}
.span-6m {
width: 360px;
}
.span-7m {
width: 424px;
}
.span-8m {
width: 488px;
}
.span-9m {
width: 552px;
}
.span-10m {
width: 616px;
}
.span-11m {
width: 680px;
}
.span-12m {
margin-right: 0;
width: 744px;
}
.append-bottom {
margin-bottom: 15px;
}
.prepend-top {
margin-top: 15px;
}
.clear {
clear: both;
}
.last {
margin-right: 0 !important;
}
/**********/
/* LAYOUT */
/**********/
html {
font-size: 10px;
}
body {
font-family: arial;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.25;
margin: 0;
}
#page-wrapper {
background-color: white;
min-height: 600px;
position: relative;
width: 1140px;
margin: 0 auto;
}
header,
footer,
nav {
display: block;
}
#page-content {
padding: 0px;
min-height: 350px;
}
#page-content #main-column {
float: left;
margin-right: 24px;
min-height: 1px;
width: 752px;
}
#page-content #main-column #main-left {
float: left;
margin-right: 24px;
min-height: 1px;
width: 364px;
}
#page-content #main-column #main-left.expanded {
float: left;
margin-right: 24px;
min-height: 1px;
width: 752px;
}
#page-content #main-column #main-right {
float: left;
margin-right: 24px;
min-height: 1px;
width: 364px;
margin-right: 0;
margin-right: 0 !important;
float: right !important;
}
#page-content #side-column {
float: left;
margin-right: 24px;
min-height: 1px;
width: 364px;
margin-right: 0;
margin-right: 0 !important;
}
#page-content #top-content {
margin: 15px 0 10px 0;
}
#page-content #top-content #breadcrumb {
float: left;
margin-right: 24px;
min-height: 1px;
width: 752px;
font-size: 13px;
}
#page-content #top-content #breadcrumb .inner {
padding-left: 18px;
}
#page-content #top-content #breadcrumb .node-divider {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/bc-node-divider.png);
background-repeat: no-repeat;
display: inline-block;
height: 8px;
margin: 0 3px;
position: relative;
top: -1px;
width: 5px;
}
/************/
/* Header */
/************/
#leaderboard-ad {
margin: 20px auto;
}
div.leaderboard {
position: relative;
}
#site-sponsor-ad-container {
position: absolute;
right: 0;
top: 0;
z-index: 1000;
}
#header-content {
display: block;
position: relative;
}
#header-content #header-top {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
height: 60px;
padding: 30px 0 0 28px;
}
#header-content #header-top #logo {
float: left;
}
#header-content #header-top .sponsor {
color: white;
float: right;
font-size: 10px;
font-size: 1.0rem;
margin-top: 35px;
width: 85px;
}
#header-content #header-search-small {
display: none;
}
#header-content nav.nav-bar {
background: #54caf5;
background: -moz-linear-gradient(top, #54caf5 0%, #54caf5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54caf5), color-stop(100%, #54caf5));
background: -webkit-linear-gradient(top, #54caf5 0%, #54caf5 100%);
background: -o-linear-gradient(top, #54caf5 0%, #54caf5 100%);
background: -ms-linear-gradient(top, #54caf5 0%, #54caf5 100%);
background: linear-gradient(to bottom, #54caf5 0%, #54caf5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54caf5', endColorstr='#54caf5',GradientType=0);
}
#header-content ul.nav-items {
list-style-type: none;
margin: 0;
padding: 0;
}
#header-content ul.nav-items .nav-item {
color: white;
float: left;
font-size: 15px;
font-size: 1.5rem;
line-height: 100%;
font-weight: bold;
position: relative;
text-align: center;
width: 12.5%;
z-index: 2500;
}
#header-content ul.nav-items .nav-item a.L0 {
border-bottom-color: #54caf5;
border-color: #54caf5;
border-bottom-style: solid;
border-bottom-width: 2px;
}
#header-content ul.nav-items .nav-item a,
#header-content ul.nav-items .nav-item a:visited {
display: block;
padding: 12px 0 13px;
color: inherit;
}
#header-content ul.nav-items .nav-item .arrow {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/nav-unselected-arrow.png);
background-repeat: no-repeat;
display: inline-block;
height: 8px;
height: .8rem;
margin-left: 6px;
margin-left: .6rem;
width: 11px;
width: 1.1rem;
}
#header-content ul.nav-items .nav-item.selected,
#header-content ul.nav-items .nav-item.expanded,
#header-content ul.nav-items .nav-item.highlighted,
#header-content ul.nav-items .nav-item:hover {
color: #54CAF5;
padding: 0;
}
#header-content ul.nav-items .nav-item.selected a,
#header-content ul.nav-items .nav-item.expanded a,
#header-content ul.nav-items .nav-item.highlighted a,
#header-content ul.nav-items .nav-item:hover a,
#header-content ul.nav-items .nav-item.selected a:visited,
#header-content ul.nav-items .nav-item.expanded a:visited,
#header-content ul.nav-items .nav-item.highlighted a:visited,
#header-content ul.nav-items .nav-item:hover a:visited {
/*color: #003399; */
text-decoration: none;
}
#header-content ul.nav-items .nav-item.selected a.L0,
#header-content ul.nav-items .nav-item.expanded a.L0,
#header-content ul.nav-items .nav-item.highlighted a.L0,
#header-content ul.nav-items .nav-item:hover a.L0 {
background-color: #EBEBEB;
/*background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/header-nav-selected-bg.png);*/
background-position: 0 -2px;
border-bottom: 2px solid #C3C2C7;
}
#header-content ul.nav-items .nav-item.selected .arrow,
#header-content ul.nav-items .nav-item.expanded .arrow,
#header-content ul.nav-items .nav-item.highlighted .arrow,
#header-content ul.nav-items .nav-item:hover .arrow {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/arrow-selected.png);
background-repeat: no-repeat;
}
#header-content ul.nav-items .nav-item:hover .dropdown.L1,
#header-content ul.nav-items .nav-item.highlighted .dropdown.L1 {
display: block;
}
#header-content ul.nav-items .nav-item .dropdown.L1 {
background: #ececec;
background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: linear-gradient(to bottom, #ececec 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0);
-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 8px 8px;
box-shadow: rgba(0, 0, 0, 0.8) 0px 8px 8px;
color: black;
display: none;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
list-style-type: none;
min-width: 109px;
min-width: 10.9rem;
padding: 10px 0;
padding: 1.0rem 0;
position: absolute;
text-align: left;
margin-top: -1px;
z-index: 1000;
white-space: nowrap;
}
#header-content ul.nav-items .nav-item .dropdown.L1 .arrow {
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/nav-dropdown-arrow.png) !important;
height: 8px;
height: .8rem;
width: 6px;
width: .6rem;
}
#header-content ul.nav-items .nav-item .dropdown.L1 ul.dropdown.L2 {
background: #cccccc;
background: -moz-linear-gradient(top, #cccccc 0%, #b3b3b3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #b3b3b3));
background: -webkit-linear-gradient(top, #cccccc 0%, #b3b3b3 100%);
background: -o-linear-gradient(top, #cccccc 0%, #b3b3b3 100%);
background: -ms-linear-gradient(top, #cccccc 0%, #b3b3b3 100%);
background: linear-gradient(to bottom, #cccccc 0%, #b3b3b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#b3b3b3',GradientType=0);
-webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px 8px 3px;
box-shadow: rgba(0, 0, 0, 0.8) 3px 8px 3px;
list-style-type: none;
padding: 10px 0;
padding: 1.0rem 0;
position: absolute;
top: 0;
left: 100%;
margin-left: -8px;
margin-left: -.8rem;
display: none;
z-index: 2000;
}
#header-content ul.nav-items .nav-item .dropdown.L1 .child.L1:hover .dropdown.L2,
#header-content ul.nav-items .nav-item .dropdown.L1 .child.L1.highlighted .dropdown.L2 {
display: block;
}
#header-content ul.nav-items .nav-item .dropdown.L1 li.child {
padding: 0;
}
#header-content ul.nav-items .nav-item .dropdown.L1 a,
#header-content ul.nav-items .nav-item .dropdown.L1 a:visited {
color: black !important;
padding: 6px 16px;
padding: .6rem 1.6rem;
}
#header-content ul.nav-items .nav-item .dropdown.L1 a:hover,
#header-content ul.nav-items .nav-item .dropdown.L1 a:visited:hover {
color: #003399 !important;
text-decoration: underline;
}
#header-content ul.nav-items .nav-item.last .dropdown.L1 {
right: 0;
}
#header-content ul.nav-items .nav-item .dropdown .column {
float: left;
}
#header-content #nav-events li.home {
display: block;
}
#header-content #header-right {
color: white;
height: 50px;
position: absolute;
right: 30px;
top: 20px;
width: 615px;
}
#header-content #header-right #header-links {
margin-bottom: 10px;
}
#header-content #header-right #header-links a,
#header-content #header-right #header-links a:visited {
border-right: 1px solid white;
color: #54CAF5;
display: inline-block;
padding: 0 9px;
}
#header-content #header-right #header-links a.last,
#header-content #header-right #header-links a:visited.last {
border: 0;
padding-right: 0;
}
#header-content #header-right #header-search {
background-color: #e6e6e6;
border-radius: 3px;
position: relative;
}
#header-content #header-right input.header-searchbox {
background-color: transparent;
border: none;
color: #333333;
font-size: 15px;
font-size: 1.5rem;
height: 28px;
margin: 0 0 0 10px;
padding: 0;
width: 85%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#header-content #header-right input.header-searchbox:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#header-content #header-right input.search-button {
background-color: transparent;
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/mag-glass.png);
background-repeat: no-repeat;
border: 0;
cursor: pointer;
display: block;
height: 17px;
padding: 0;
position: absolute;
right: 7px;
top: 6px;
width: 16px;
}
#leaderboard-ad-container {
left: -125px;
position: relative;
}
.fixed-header {
position: fixed;
top: 0;
z-index: 9999;
width: 1140px;
}
html.ie8 #header-content #header-right input.header-searchbox {
padding: 5px 0px !important;
height: auto !important;
}
html.ie8 #header-content .nav-bar .nav-item .dropdown,
html.ie9 #header-content .nav-bar .nav-item .dropdown {
filter: none;
}
/*****************/
/* Side Column */
/*****************/
#side-column .content {
margin-top: 25px;
padding: 0 33px 0 31px;
width: 300px;
}
#side-column h3 {
margin-bottom: 10px;
}
#side-column .side-content {
margin-bottom: 25px;
}
#side-column .sponsor {
float: right;
position: relative;
top: -11px;
}
#side-column .ad.side-content {
margin: 0 auto 24px auto;
position: relative;
}
#side-column .ad.side-content.has-label {
padding-top: 15px;
}
#side-column .ad-label {
color: #666666;
font-size: 10px;
position: absolute;
right: 0;
top: 0;
}
#side-column #popular-news {
background-color: #e6e6e6;
font-size: 19px;
line-height: 18px;
padding: 10px;
}
#side-column #popular-news .title {
color: #333333;
margin-bottom: 10px;
}
#side-column #popular-news .news-item {
background-color: white;
border: 1px solid #e6e6e6;
}
#side-column #popular-news .number,
#side-column #popular-news .details {
color: #333333;
float: left;
padding: 10px 2%;
}
#side-column #popular-news .number {
font-size: 20px;
text-align: right;
width: 9%;
}
#side-column #popular-news .details {
font-size: 14px;
padding-right: 5%;
width: 80%;
}
#side-column #popular-news .details .title a,
#side-column #popular-news .details .title a:visited {
color: #333333;
margin-bottom: 5px;
}
/************/
/* Footer */
/************/
#footer-content {
color: #4c4c4c;
font-size: 13.0px;
font-size: 1.3rem;
position: relative;
margin-top: 24px;
}
#footer-content .nav-bar {
background-color: #e6e6e6;
border-top: 2px solid #4c4c4c;
border-bottom: 2px solid #4c4c4c;
}
#footer-content .nav-bar .section {
border-right: 1px solid #cccccc;
float: left;
height: 160px;
width: 33%;
}
#footer-content .nav-bar .section.last {
border: 0;
}
#footer-content .nav-bar .section .inner {
padding: 20px;
}
#footer-content .nav-bar .section li {
list-style-type: none;
margin-bottom: 5px;
}
#footer-content .nav-bar .section .label {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 5px;
margin-bottom: .5rem;
}
#footer-content .nav-bar .section.other-sites li {
float: left;
margin-right: 4%;
width: 46%;
}
#footer-content .copyright {
color: #666666;
padding: 15px 25px;
position: relative;
}
#footer-content .copyright img {
position: absolute;
right: 10px;
right: 1.0rem;
top: 10px;
top: 1.0rem;
}
/*************/
/* Article */
/*************/
#page-wrapper.article #main-column .article-content.hasRelatedProducts {
float: left;
margin-right: 24px;
min-height: 1px;
width: 558px;
}
#page-wrapper.article #main-column .related-products {
float: left;
margin-right: 24px;
min-height: 1px;
width: 170px;
margin-right: 0;
margin-right: 0 !important;
}
#page-wrapper.article #main-column .related-article-list,
#page-wrapper.article #main-column .related-offering {
float: left;
margin-right: 24px;
min-height: 1px;
width: 364px;
}
#page-wrapper.article #main-column #article {
border-bottom: 1px solid #cccccc;
padding-bottom: 12px;
margin-bottom: 36px;
}
#page-wrapper.article #main-column #article .sponsor {
float: right;
position: relative;
top: -11px;
}
#page-wrapper.article #main-column .article-image {
max-width: 752px;
}
#page-wrapper.article #main-column .divider {
margin: 24px 0 36px;
}
#page-wrapper.article #main-column #content-preview-banner {
background-color: #EEE;
color: #333333;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 24px;
padding: 5px 15px 5px 32px;
padding: .5rem 1.5rem .5rem 3.2rem;
position: relative;
}
#page-wrapper.article #main-column #content-preview-banner .locked-content {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/article/padlock.png);
background-repeat: no-repeat;
display: inline-block;
height: 14px;
position: absolute;
left: 15px;
width: 11px;
}
#page-wrapper.article #main-column #content-preview-banner .login {
font-weight: normal;
position: absolute;
right: 15px;
}
#page-wrapper.article #main-column .info {
padding-left: 15px;
}
#page-wrapper.article #main-column .info .section-title {
color: #333333;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 12px;
}
#page-wrapper.article #main-column .info h1 {
color: #333333;
font-size: 30px;
font-size: 3.0rem;
font-weight: bold;
line-height: 36px;
margin-bottom: 18px;
}
#page-wrapper.article #main-column .info .byline {
color: #444444;
font-size: 13px;
font-size: 1.3rem;
font-weight: normal;
line-height: 20px;
margin-bottom: 8px;
}
#page-wrapper.article #main-column .info .date {
color: #d27c26;
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 12px;
}
#page-wrapper.article #main-column .image-container {
position: relative;
}
#page-wrapper.article #main-column .image-container .image-caption {
background-color: #282828;
background-color: rgba(0, 0, 0, 0.5);
bottom: 3px;
color: white;
padding: 15px;
position: absolute;
width: 722px;
}
#page-wrapper.article #main-column .article-content {
margin-top: 20px;
}
#page-wrapper.article #main-column .article-content .inner {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
padding-left: 15px;
}
#page-wrapper.article #main-column .article-content .inner p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
margin-top: 0;
}
#page-wrapper.article #main-column .article-content .inner .login-link {
margin-bottom: 10px;
}
#page-wrapper.article #main-column .related-products {
font-size: 13px;
font-size: 1.3rem;
margin-top: 20px;
}
#page-wrapper.article #main-column .related-products .inner {
border-left: 2px solid #cccccc;
padding-left: 15px;
}
#page-wrapper.article #main-column .related-products .label {
font-weight: bold;
margin-bottom: 12px;
}
#page-wrapper.article #main-column .related-products .product {
margin-bottom: 10px;
}
#page-wrapper.article #main-column #offering-container h2 {
margin-left: 15px;
}
#page-wrapper.article #main-column .word-count {
margin-bottom: 10px;
}
#page-wrapper.article #main-column .tag {
color: #54caf5;
float: left;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
width: 110px;
}
#page-wrapper.article #main-column .video-frame {
/*border: 0;
height: 270px;
margin: 0 70px;
width: 480px;*/
}
#page-wrapper.article #main-column #related-headlines .header-container {
margin-bottom: 13px;
padding-left: 15px;
}
#page-wrapper.article #main-column #related-headlines h5 {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 5px 0;
}
#page-wrapper.article #main-column #related-headlines h5 a,
#page-wrapper.article #main-column #related-headlines h5 a:visited {
color: #4c4c4c;
}
#page-wrapper.article #main-column #related-headlines ul {
margin: 0 24px 25px 0;
}
#page-wrapper.article #main-column #related-headlines ul.last {
margin-right: 0;
}
#page-wrapper.article #main-column #related-headlines li {
border: 0;
padding: 0;
}
#page-wrapper.article #main-column #related-headlines li div.inner {
border-bottom: 1px solid #cccccc;
height: auto;
margin-left: 15px;
padding: 5px 0 15px 0;
}
#page-wrapper.article #main-column #related-headlines .description {
margin-top: 10px;
padding-left: 15px;
}
#page-wrapper.article #main-column .sponsor {
margin-top: -40px;
}
#page-wrapper.article #main-column .posting-rules {
margin-top: 2em;
padding: 0 10px;
font-size: 11px;
font-size: 1.1rem;
}
#page-wrapper.article #main-column #livefyre-comments {
padding: 0 10px;
}
#page-wrapper.article #main-column div.contact-author {
padding-top: 5px;
border-top: solid #cccccc 1px;
}
#page-wrapper.article.search #no-results {
-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 8px 8px;
box-shadow: rgba(0, 0, 0, 0.8) 0px 8px 8px;
border: 1px solid silver;
border-radius: 3px;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
margin: 50px auto 190px auto;
overflow-x: hidden;
padding: 5px 25px 40px 25px;
position: relative;
left: 195px;
width: 520px;
}
#page-wrapper.article.search #no-results .heading {
text-align: center;
}
#page-wrapper.article.search #no-results .help-text {
font-size: 16px;
font-size: 1.6rem;
margin-left: 23px;
}
#page-wrapper.article.search #no-results hr {
margin: 25px 0;
}
#page-wrapper.article.search #no-results h2 {
font-size: 24px;
font-size: 2.4rem;
}
#page-wrapper.article.search #no-results h3 {
font-family: "Times New Roman";
font-size: 60px;
font-size: 6.0rem;
font-style: italic;
font-weight: bold;
margin-bottom: 10px;
}
#page-wrapper.article.search #main-column {
padding-top: 0;
}
#page-wrapper.article.search #main-column h1 {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
margin: 0 0 2px 0;
}
#page-wrapper.article.search #main-column #main-left {
margin: 0;
padding-left: 15px;
width: 100%;
}
#page-wrapper.article.search #main-column #main-left ul#search-results {
margin: 0 0 10px;
}
#page-wrapper.article.search #main-column #main-left ul#search-results .header-container {
margin-bottom: 5px;
}
/*************/
/* EVENTS */
/*************/
#page-wrapper.events #main-column {
/* Handle the "show more/show less" toggle for the event descriptions that are "too long" */
}
#page-wrapper.events #main-column #main-left {
float: left;
margin-right: 24px;
min-height: 1px;
width: 267px;
}
#page-wrapper.events #main-column #main-left.empty {
display: none;
}
#page-wrapper.events #main-column #main-right {
float: left;
margin-right: 24px;
min-height: 1px;
width: 461px;
}
#page-wrapper.events #main-column #main-right.expanded {
float: left;
margin-right: 24px;
min-height: 1px;
width: 752px;
}
#page-wrapper.events #main-column h1 {
margin: 14px 0px 24px 18px;
}
#page-wrapper.events #main-column h2 {
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
margin: 0px 0px 18px 18px;
}
#page-wrapper.events #main-column .article-list h2 {
margin-left: 0px;
}
#page-wrapper.events #main-column h3 {
color: #4c4c4c;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 8px;
}
#page-wrapper.events #main-column .paging {
display: table;
margin: 12px auto 25px auto;
}
#page-wrapper.events #main-column .description a.morelink {
text-decoration: none;
outline: none;
}
#page-wrapper.events #main-column .description .morecontent span {
display: none;
}
#page-wrapper.events #main-column #event-type {
padding: 5px;
width: 190px;
}
#page-wrapper.events #main-column #event-type:focus {
outline: none;
}
#page-wrapper.events #main-column .event-input {
border: 1px solid #999999;
color: #4c4c4c;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
height: 30px;
height: 3.0rem;
margin: 0;
padding: 0 32px 0 8px;
padding: 0 3.2rem 0 .8rem;
}
#page-wrapper.events #main-column #offering-list {
margin-top: 0;
}
#page-wrapper.events #main-column #offering-list .offering {
margin-top: 0;
}
#page-wrapper.events #main-column #main-left .article-list {
margin-top: 0;
}
#page-wrapper.events #main-column #main-left .article-list h2 {
margin-left: 15px;
}
#page-wrapper.events #main-column #show-news {
background-color: #f2f2f2;
line-height: 1;
margin-bottom: 25px;
padding: 15px 18px;
}
#page-wrapper.events #main-column #show-news .event {
color: #444444;
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 18px;
}
#page-wrapper.events #main-column #show-news .event .name {
font-size: 14px;
font-size: 1.4rem;
}
#page-wrapper.events #main-column #show-news .event .date {
color: #d27c26;
}
#page-wrapper.events #main-column #show-news .event .name,
#page-wrapper.events #main-column #show-news .event .date {
margin-bottom: 5px;
}
#page-wrapper.events #main-column #show-news .event .location {
margin-bottom: 12px;
}
#page-wrapper.events #main-column #show-news .previous-events .event .date {
margin-bottom: 12px;
}
#page-wrapper.events #main-column #show-news div.divider {
margin: 0 0 18px 0;
}
#page-wrapper.events #main-column #show-news .previous-label {
color: #333333;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 10px;
}
#page-wrapper.events #main-column #show-news div.see-more {
text-align: center;
}
#page-wrapper.events #main-column #show-news div.see-more a,
#page-wrapper.events #main-column #show-news div.see-more a:visited {
font-weight: bold;
}
#page-wrapper.events #main-column #show-news .arrow {
background-image: url("/web/20180724112358im_/http://www.janes.com/images/editorial360/events/show-news-arrow.png");
background-repeat: no-repeat;
display: inline-block;
height: 8px;
margin-left: 6px;
width: 11px;
}
#calendar h2 {
color: #666666;
}
#calendar h2 a {
color: #2a6ec0;
}
#calendar .no-results {
padding: 20px;
}
#calendar .calendar-search {
background-color: #f2f2f2;
padding: 12px 18px;
}
#calendar .calendar-search form {
position: relative;
}
#calendar .calendar-search div.searchbox-container {
position: relative;
width: 310px;
}
#calendar .calendar-search input#searchbox {
background-color: white;
border: 1px solid #999999;
color: #4c4c4c;
font-size: 16px;
font-size: 1.6rem;
height: 30px;
height: 3.0rem;
margin: 0 0 12px 0;
margin: 0 0 1.2rem 0;
padding: 0 12px 0 32px;
padding: 0 1.2rem 0 3.2rem;
width: 258px;
width: 25.8rem;
}
#calendar .calendar-search input#searchbox.input-default {
color: #cccccc;
}
#calendar .calendar-search input.search-button {
background-color: transparent;
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/mag-glass.png);
background-repeat: no-repeat;
background-size: 100% 100%;
border: 0;
display: block;
width: 16px;
width: 1.6rem;
height: 17px;
height: 1.7rem;
padding: 0;
position: absolute;
left: 8px;
left: .8rem;
top: 8px;
top: .8rem;
}
#calendar .square-button-gray {
padding: 7px 0;
}
#calendar .dropdown {
height: 34px;
position: absolute;
right: 0;
top: -40px;
}
#calendar .date-range {
float: left;
width: 340px;
width: 34.0rem;
}
#calendar .date-range .from,
#calendar .date-range .to {
float: left;
position: relative;
}
#calendar .date-range .from {
margin-right: 36px;
margin-right: 3.6rem;
}
#calendar .date-range #date-from,
#calendar .date-range #date-to {
width: 92px;
width: 9.2rem;
}
#calendar span.Zebra_DatePicker_Icon_Wrapper {
display: block !important;
}
#calendar button.Zebra_DatePicker_Icon {
width: 20px;
width: 2.0rem;
height: 20px;
height: 2.0rem;
background-size: 100% 100%;
}
#calendar button.Zebra_DatePicker_Icon_Inside {
margin: 5px !important;
margin: .5rem !important;
right: 0;
top: 0 !important;
left: auto !important;
}
#calendar .submit {
float: left;
width: 85px;
width: 8.5rem;
}
#calendar .submit .search-submit {
bottom: 0;
cursor: pointer;
position: absolute;
width: 85px;
width: 8.5rem;
}
#calendar table.event-list {
border-collapse: collapse;
font-size: 13px;
font-size: 1.3rem;
width: 100%;
table-layout: fixed;
word-wrap: break-word;
}
#calendar table.event-list .event-date {
width: 49px;
}
#calendar table.event-list .event-location {
width: 61px;
}
#calendar table.event-list th,
#calendar table.event-list td {
border: 1px solid #cccccc;
vertical-align: top;
}
#calendar table.event-list th .event-name a.external,
#calendar table.event-list td .event-name a.external {
background: none;
}
#calendar table.event-list th {
background-color: #cccccc;
padding: 5px 18px;
text-align: left;
}
#calendar table.event-list th.event-date,
#calendar table.event-list th.event-name {
border-right: 1px solid #999999;
}
#calendar table.event-list td {
padding: 10px 18px;
}
#calendar table.event-list td.event-date {
color: #d27c26;
}
#calendar table.event-list td.event-name .name {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 10px;
}
#calendar table.event-list td.event-name .name a,
#calendar table.event-list td.event-name .name a:visited {
color: #4c4c4c;
}
#calendar table.event-list td.event-name .description {
color: #444444;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
padding-bottom: 35px;
position: relative;
}
#calendar table.event-list td.event-name .links {
bottom: 0;
position: absolute;
right: 0;
}
#calendar table.event-list td.event-name .links .icon {
background-repeat: no-repeat;
cursor: pointer;
display: block;
float: left;
margin-right: 12px;
}
#calendar table.event-list td.event-name .links .icon-calendar-add {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/events/icon-calendar-add.png);
height: 20px;
width: 23px;
}
#calendar table.event-list td.event-name .links .icon-email {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/events/icon-email.png);
height: 20px;
width: 20px;
}
#calendar table.event-list td.event-name .links .icon-share {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/multimedia-icons/icon-share.png);
height: 20px;
margin-right: 0;
width: 14px;
}
#calendar table.event-list td.event-name .register-button {
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
width: 80px;
}
html.ie8 #calendar .calendar-search INPUT#searchbox {
padding: 5px 12px 5px 32px !important;
height: auto !important;
}
html.ie8 #page-wrapper.events input.event-input {
padding: 5px 32px 5px 8px !important;
height: auto !important;
}
/*************/
/* Info */
/*************/
#page-wrapper.info #main-column h1 {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
margin: 0 0 10px 15px;
}
#page-wrapper.info #main-column p,
#page-wrapper.info #main-column ul {
line-height: 1.5;
}
#page-wrapper.info #main-column .inner {
padding-left: 15px;
}
#page-wrapper.info.staff #main-column ul {
list-style-type: none;
padding: 0;
}
#page-wrapper.info.staff #main-column ul li {
margin-bottom: 5px;
}
#page-wrapper.info.staff #main-column ul ul {
margin-bottom: 5px;
padding-left: 50px;
}
#page-wrapper.info.staff #main-column ul ul li {
margin: 0;
}
#page-wrapper.info.staff #main-column .editorial-contacts {
margin-top: 25px;
border-top: solid silver 1px;
padding-top: 15px;
margin-left: 15px;
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 25px;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact-row {
border-bottom: 1px dotted silver;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact {
float: left;
margin-top: 15px;
padding-bottom: 10px;
width: 356px;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact.last {
margin-left: 24px;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact.no-image .name {
margin-top: 0;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact .contact-image {
float: left;
margin: 0 10px 2px 0;
width: 75px;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact .contact-image img {
max-width: 75px;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact .contact-info {
float: left;
width: 270px;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact .name {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin: 15px 0 10px;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact .title,
#page-wrapper.info.staff #main-column .editorial-contacts .contact .location {
font-weight: bold;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact .description,
#page-wrapper.info.staff #main-column .editorial-contacts .contact .email {
color: #666666;
font-size: 11px;
font-size: 1.1rem;
margin: 5px 0;
}
#page-wrapper.info.staff #main-column .editorial-contacts .contact .contact-link a {
color: #3390ff;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
}
/****************/
/* Multimedia */
/****************/
#page-wrapper.multimedia #main-column h1 {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
margin: 0 0 10px 15px;
}
#page-wrapper.multimedia #main-column h2 {
color: black;
font-size: 20px;
font-size: 2.0rem;
font-weight: bold;
margin: 0 0 10px 0;
}
#page-wrapper.multimedia #main-column h3 {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 4px 0;
}
#page-wrapper.multimedia #main-column #main-left {
float: left;
margin-right: 24px;
min-height: 1px;
width: 752px;
}
#page-wrapper.multimedia #main-column .tab-bar {
margin: 0;
padding: 0;
}
#page-wrapper.multimedia #main-column .nav-item {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
padding: 0;
text-align: center;
width: 160px;
float: left;
list-style-type: none;
background-color: #e0e0e0;
border-right: 1px solid #cccccc;
}
#page-wrapper.multimedia #main-column .nav-item a {
padding: 8px;
display: block;
}
#page-wrapper.multimedia #main-column .nav-item.selected a,
#page-wrapper.multimedia #main-column .nav-item:hover a {
color: #333;
}
#page-wrapper.multimedia #main-column .nav-item.selected {
background-color: #f2f2f2;
}
#page-wrapper.multimedia #main-column .nav-item.last {
border-right: 0px;
}
#page-wrapper.multimedia #main-column .inner {
clear: both;
}
#page-wrapper.multimedia #main-column ul#video-archive {
background-color: #f2f2f2;
margin: 0px;
}
#page-wrapper.multimedia #main-column ul#video-archive .inner {
padding: 15px 15px 20px 15px;
}
#page-wrapper.multimedia #main-column ul#video-archive li.last {
border: 0;
margin: 0;
padding-bottom: 0;
}
#page-wrapper.multimedia #main-column #side-column .content {
margin-top: 0;
}
div#featured-video {
background-color: #f2f2f2;
margin-bottom: 35px;
padding: 15px;
position: relative;
}
div#featured-video .sponsor {
position: absolute;
top: -44px;
right: 0px;
}
div#featured-video h2 {
font-size: 20px;
font-size: 2.0rem;
clear: both;
}
div#featured-video h2 a,
div#featured-video h2 a:visited {
color: black;
}
div#featured-video .embedded-video {
float: left;
margin-right: 10px;
width: 467px;
}
div#featured-video .video-info {
float: left;
height: 265px;
overflow: hidden;
position: relative;
width: 245px;
}
div#featured-video .video-info .release-date {
color: #d27c26;
}
.video-frame {
border: 0;
}
/***********/
/* Press */
/***********/
#page-wrapper.press h1 {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
margin: 0 0 10px 0;
}
#page-wrapper.press ul#press-archive {
background-color: #f2f2f2;
line-height: 1.4;
margin-top: 0;
width: 100%;
}
#page-wrapper.press ul#press-archive .inner {
padding: 15px 15px 20px 15px;
}
#page-wrapper.press ul#press-archive li.press-release {
margin-bottom: 0;
}
#page-wrapper.press ul#press-archive li.press-release.first {
padding-top: 0;
}
#page-wrapper.press ul#press-archive li.press-release h3 {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 3px;
}
#page-wrapper.press ul#press-archive li.press-release .release-date,
#page-wrapper.press ul#press-archive li.press-release .source {
color: #d27c26;
}
#page-wrapper.press ul#press-archive li.press-release img {
float: left;
margin-right: 10px;
}
#page-wrapper.press ul#press-archive li.press-release .details {
float: left;
width: 545px;
}
#page-wrapper.press ul#press-archive li.press-release a:hover,
#page-wrapper.press ul#press-archive li.press-release a:visited {
color: #333333;
}
#page-wrapper.press ul#press-archive li.last {
border: 0;
padding-bottom: 0;
}
#page-wrapper.press #side-column .content {
margin-top: 0;
}
/*******************/
/* Section Pages */
/*******************/
#page-wrapper.section.home.index #top-content {
margin-bottom: 0px;
}
#page-wrapper.section.home.index #main-column {
margin-top: -16px;
}
#page-wrapper.section.home.index #social-media {
margin-top: 11px;
}
#page-wrapper.section.home.index #side-column .content {
margin-top: 10px;
}
#page-wrapper.section h1 {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
margin: 0 0 10px 15px;
max-width: 60%;
}
#page-wrapper.section #main-left .article-list {
margin-left: 15px;
}
#page-wrapper.section #main-left #latest-list {
margin-bottom: 12px;
}
#page-wrapper.section .archive-link a {
display: block;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 24px;
padding-left: 15px;
text-align: right;
margin-top: 12px;
}
#page-wrapper.section #call-to-action {
margin: 10px 0 25px 15px;
}
#page-wrapper.section #side-column .content {
margin-top: 10px;
}
#page-wrapper.section h1.archive {
margin: 0 0 2px 15px;
}
#page-wrapper.section #main-left.archive {
margin: 0;
padding-left: 15px;
width: auto;
}
#page-wrapper.section #main-left.archive ul#search-results {
margin: 0 0 10px;
}
#page-wrapper.section #main-left.archive ul#search-results .header-container {
margin-bottom: 5px;
}
#page-wrapper.section #main-left.archive #call-to-action {
margin-bottom: 0;
}
#page-wrapper.section #section-heading {
position: relative;
}
#page-wrapper.section #section-heading .subscribe {
position: absolute;
right: 15px;
top: 10px;
max-width: 35%;
}
#page-wrapper.section #section-heading .section-message {
margin: 0 0 0 15px;
}
#page-wrapper.section .section-header h2 {
display: inline;
}
#section-links {
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
margin: 0 0px 11px 15px;
}
#section-links a {
padding-left: 5px;
border-left: 1px solid silver;
margin-left: 5px;
}
#section-links a.first {
padding-left: 0px;
border-left: 0px;
margin-left: 0px;
}
/*************/
/* Sitemap */
/*************/
#page-wrapper.sitemap #main-column h1 {
margin-left: 15px;
}
#page-wrapper.sitemap #main-column .inner {
padding-left: 15px;
}
#page-wrapper.sitemap #main-column ul#site-map-list {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
list-style-type: none;
padding: 0;
}
#page-wrapper.sitemap #main-column ul#site-map-list li {
margin-bottom: 10px;
}
#page-wrapper.sitemap #main-column ul#site-map-list ul {
background-color: #f2f2f2;
font-size: 13px;
font-size: 1.3rem;
list-style-type: none;
margin-bottom: 10px;
padding: 15px;
position: relative;
top: -10px;
}
#page-wrapper.sitemap #main-column ul#site-map-list ul li {
margin-bottom: 5px;
}
#page-wrapper.sitemap #main-column ul#site-map-list ul ul {
margin-bottom: 10px;
padding: 0 0 0 25px;
top: 0;
}
#page-wrapper.sitemap #main-column ul#site-map-list ul ul li {
font-weight: normal;
margin: 0;
}
/* SITE */
#relevant-profile-listings {
font-size: 13px;
font-size: 1.3rem;
position: relative;
}
#relevant-profile-listings h2 {
margin-left: 18px;
display: inline;
}
#relevant-profile-listings .subscribe-link {
position: absolute;
right: 0;
}
#relevant-profile-listings #profile-listings {
background-color: #f2f2f2;
padding: 5px 15px 25px 15px;
}
#relevant-profile-listings #profile-listings li {
padding: 10px 0 20px;
}
#relevant-profile-listings #profile-listings li.last {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#relevant-profile-listings #profile-listings p.body {
margin-bottom: 0;
}
#relevant-profile-listings #profile-listings .source {
color: #d27c26;
font-size: 12px;
font-size: 1.2rem;
}
#header-content #header-right #header-links a,
#header-content #header-right #header-links a:visited {
border-right-color: #54caf5;
}
#leaderboard-ad-container {
left: -176px;
}
#site-sponsor-ad-container {
right: 33px;
text-align: center;
}
/*****************/
/* Side Column */
/*****************/
#side-column #contact-info {
margin-bottom: 20px;
}
#side-column #contact-info li.offering {
background-color: white;
border: solid 1px black;
padding: 6px !important;
}
#side-column #contact-info li.offering h3 {
font-size: 10px !important;
font-size: 1.0rem !important;
line-height: 1.3;
margin-bottom: 5px;
}
#side-column #contact-info li.offering h3 a {
color: black;
}
#side-column #contact-info li.offering h3 a:hover,
#side-column #contact-info li.offering h3 a:focus {
text-decoration: underline;
}
#side-column #contact-info li.offering div.body {
font-size: 10px;
font-size: 1.0rem;
margin-bottom: 0;
color: black;
}
#side-column #contact-info li.offering div.body span {
word-wrap: nowrap;
}
#side-column #contact-info li.offering div.action {
margin-top: 0px;
}
#side-column #contact-info li.offering div.square-button-purple {
background-color: white;
border: 0;
}
#side-column #contact-info li.offering div.square-button-purple a {
font-size: 10px !important;
font-size: 1.0rem !important;
border: 0;
color: #54caf5 !important;
padding: 0;
}
#side-column #contact-info li.offering div.square-button-purple a:hover,
#side-column #contact-info li.offering div.square-button-purple a:focus {
text-decoration: underline;
}
#page-wrapper.info.staff #main-column {
margin: 0 !important;
width: auto !important;
}
#page-wrapper.info.staff #main-column #main-left,
#page-wrapper.info.staff #main-column #main-right {
float: left;
margin-right: 24px;
min-height: 1px;
width: 558px;
}
#page-wrapper.info.staff #main-left,
#page-wrapper.info.staff #main-center,
#page-wrapper.info.staff #main-right {
margin: 25px 0 60px 0;
}
#page-wrapper.info.staff #side-column {
display: none;
}
#page-wrapper.info.staff .staff-defence {
padding-left: 18px;
}
#page-wrapper.info.staff #main-column ul {
list-style-type: none;
padding: 0;
}
#page-wrapper.info.staff #main-column ul li {
margin-bottom: 5px;
}
#page-wrapper.info.staff #main-column ul ul {
margin-bottom: 5px;
padding-left: 50px;
}
#page-wrapper.info.staff #main-column ul ul li {
margin: 0;
}
#side-column .content {
margin-top: 0;
}
#side-column #contextual-ads-bricklet {
background-color: #e6e6e6;
padding: 10px;
}
#side-column #contextual-ads-bricklet h4 a,
#side-column #contextual-ads-bricklet h4 a:visited {
color: #1f1f1f;
font-size: 19px;
font-size: 1.9rem;
}
#side-column #contextual-ads-bricklet #contextual-ads {
margin: 10px 0;
}
#side-column #contextual-ads-bricklet #contextual-ads div {
background-color: white;
margin-bottom: 2px;
padding: 10px;
}
#side-column #contextual-ads-bricklet .disclaimer {
color: #999999;
}
/* The Modal (background) */
.modal {
display: none;
position: fixed;
z-index: 3000;
padding-top: 10px;
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: #000000;
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
}
.fontred {
color: red;
}
/* Modal Content */
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 910px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
/* The Close Button */
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
/* The closePref Button */
.closePref {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.closePref:hover,
.closePref:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
/*padding: 15px 16px;
background-color: #5cb85c;
color: white;*/
}
.modal-body {
padding: 2px 16px;
}
.modal-footer {
border-top: 3px solid #00B140;
color: #00B140;
min-height: 56px;
}
.model-logoheader {
background-color: white;
height: 30px;
min-height: 50px;
}
.model-heading {
background-color: #00B140;
color: white;
padding: 1px 16px 2px 0;
}
.bordergray {
color: #808b96;
}
.fontwhite {
color: white;
}
.elqSBSLayout label {
float: left;
height: 19px;
padding-right: 8px;
width: 180px;
}
.elqSBSLayout tr {
height: 30px;
}
.regTxtBoxWidth {
font-size: 1.2rem;
width: 90%;
}
.btnReg {
background: #286090 none repeat scroll 0 0;
border-radius: 4px;
color: #ffffff;
width: 100px;
height: 30px;
}
.pageHeight {
height: 220px;
}
.hidden {
display: none;
}
.anchorhidden {
display: none !important;
}
.btn-disable {
cursor: not-allowed;
pointer-events: none;
/*Button disabled - CSS color class*/
color: #c0c0c0;
background-color: #ffffff;
}
#regpage ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#regpage ul,
#regpage ul li {
float: left;
}
#regpage ul a,
#regpage ul li a {
display: block;
color: green;
text-align: center;
text-decoration: none;
}
#regpage ul a:hover,
#regpage ul li a:hover {
text-decoration: none;
}
.logoProductName {
color: #4c4b4c;
font-family: SourceSansPro;
font-size: 26px;
font-weight: bold;
}
.topBar_gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10ac47+0,04ae67+35,17a89b+52,0fb1c0+65,09b5f3+98 */
background: #10ac47;
/* Old browsers */
background: -moz-linear-gradient(left, #10ac47 0%, #04ae67 35%, #17a89b 52%, #0fb1c0 65%, #09b5f3 98%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #10ac47 0%, #04ae67 35%, #17a89b 52%, #0fb1c0 65%, #09b5f3 98%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #10ac47 0%, #04ae67 35%, #17a89b 52%, #0fb1c0 65%, #09b5f3 98%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10ac47', endColorstr='#09b5f3', GradientType=1);
/* IE6-9 */
}
/**************************************/
/* Responsive Design - Medium Scale */
/**************************************/
@media screen and (max-width: 1159px) {
html.md .large,
html.md .small {
display: none;
}
html.md .medium {
display: block;
}
html.md #topic-list .links {
width: 335px;
}
html.md #top-content #social-media {
float: left;
margin-right: 24px;
min-height: 1px;
width: 232px;
margin-right: 0;
margin-right: 0 !important;
}
html.md #top-content #social-media .content {
padding: 0 0 0 15px;
}
html.md #page-wrapper {
width: 768px !important;
}
html.md #page-content {
padding: 0 12px;
}
html.md #page-content #main-column {
float: left;
margin-right: 24px;
min-height: 1px;
margin-right: 0;
width: 744px;
}
html.md #page-content #main-column #main-left {
float: left;
margin-right: 24px;
min-height: 1px;
width: 360px;
}
html.md #page-content #main-column #main-left.expanded {
width: auto !important;
}
html.md #page-content #main-column #main-right {
float: left;
margin-right: 24px;
min-height: 1px;
width: 360px;
margin-right: 0;
margin-right: 0 !important;
}
html.md #page-content #side-column {
float: left;
margin-right: 24px;
min-height: 1px;
margin-right: 0;
width: 744px;
}
html.md #page-content #top-content #breadcrumb {
float: left;
margin-right: 24px;
min-height: 1px;
width: 488px;
}
html.md #leaderboard-ad-container {
left: 0px;
}
html.md #site-sponsor-ad-container {
display: none;
}
html.md #header-content ul.nav-items .nav-item {
width: 16.66666667%;
}
html.md #header-content ul.nav-items .nav-item.highlighted .arrow {
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/arrow-selected-active.png);
}
html.md #header-content ul.nav-items .nav-item.non-linked .inner {
padding: 11px 0 12px;
}
html.md #header-content ul.nav-items .nav-item.More {
width: 133px;
}
html.md #header-content ul.nav-items .nav-item.More .dropdown {
right: 0;
top: 43px;
width: 230px;
}
html.md #header-content ul.nav-items .nav-item a {
height: auto;
}
html.md #header-content ul.nav-items .dropdown.L1 {
padding: 0 !important;
}
html.md #header-content ul.nav-items .dropdown.L1 .child.L1 {
border-bottom: 1px solid silver;
padding: 0;
}
html.md #header-content ul.nav-items .dropdown.L1 .child.L1.last {
border: 0;
}
html.md #header-content ul.nav-items .dropdown.L1 .child.L1 a {
padding: 12px 16px;
}
html.md #header-content ul.nav-items .dropdown.L1 .child.L1 .arrow {
display: none;
}
html.md #header-content ul.nav-items .dropdown.L2 {
display: none !important;
}
html.md #side-column {
margin-top: 15px;
}
html.md #side-column .content {
padding: 0;
width: auto;
}
html.md #side-column #tablet-left,
html.md #side-column #tablet-right {
float: left;
min-height: 1px;
padding: 0 30px;
width: 300px;
}
html.md #side-column #tablet-left {
margin-right: 24px;
}
html.md #page-wrapper.article.index .article-content.hasRelatedProducts {
float: left;
margin-right: 24px;
min-height: 1px;
width: 552px;
}
html.md #page-wrapper.article.index .related-products {
float: left;
margin-right: 24px;
min-height: 1px;
width: 168px;
margin-right: 0;
margin-right: 0 !important;
}
html.md #page-wrapper.article.index .related-article-list,
html.md #page-wrapper.article.index .related-offering {
float: left;
margin-right: 24px;
min-height: 1px;
width: 360px;
}
html.md #page-wrapper.article.search #no-results {
left: 0;
}
html.md #page-wrapper.article.search #side-column {
display: none;
}
html.md #page-wrapper.events #page-content #main-right {
float: none;
width: auto;
}
html.md #page-wrapper.events #page-content #main-right #calendar {
margin-bottom: 36px;
width: 744px;
}
html.md #page-wrapper.events #page-content #main-left {
float: left;
margin-right: 24px;
min-height: 1px;
margin-right: 0;
width: 744px;
}
html.md #page-wrapper.events #page-content #main-left .col-left {
float: left;
margin-right: 24px;
min-height: 1px;
width: 360px;
}
html.md #page-wrapper.events #page-content #main-left .col-right {
float: left;
margin-right: 24px;
min-height: 1px;
width: 360px;
margin-right: 0;
margin-right: 0 !important;
}
html.md #page-wrapper.info.staff #page-content #main-column #main-left {
float: left;
margin-right: 24px;
min-height: 1px;
width: 360px;
}
html.md #page-wrapper.info.staff #page-content #main-column #main-center {
float: left;
margin-right: 24px;
min-height: 1px;
width: 360px;
margin-right: 0;
margin-right: 0 !important;
}
html.md #page-wrapper.info.staff #page-content #main-column .editorial-contacts .contact {
width: 352px;
}
html.md #page-wrapper.info.staff #page-content #main-column .editorial-contacts .contact .contact-info {
width: 266px;
}
html.md #page-wrapper.multimedia.index #featured-video .video-info {
width: 235px;
}
html.md #page-wrapper.multimedia.index #main-column #main-left {
float: none;
margin: 0;
width: 100%;
}
html.md #page-wrapper.index.sitemap #side-column {
display: none;
}
}
/*************************************/
/* Responsive Design - Small Scale */
/*************************************/
@media only screen and (max-width: 787px), only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1000px) and (min-device-pixel-ratio: 1.5) {
html.sm.phone {
/*
.paging {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/carousel-pager-small.png);
background-size: auto 100%;
display: block !important;
font-size: 2rem;
font-weight: bold;
line-height: 3rem;
height: 3rem;
margin-bottom: 2rem;
position: relative;
.previous, .next {
display: block !important;
position: absolute;
width: 3rem;
height: 3rem;
z-index: 100;
text-align: center;
border: inset;
}
.pages {
display: none;
}
.page-info {
display: block !important;
position: absolute;
color: #666;
text-align: center;
top: 0;
width: 100%;
}
.previous {
left: 0;
}
.next {
right: 0;
}
}
*/
font-size: 2.5vw !important;
}
html.sm.phone .large,
html.sm.phone .medium {
display: none;
}
html.sm.phone .small {
display: block;
}
html.sm.phone img {
vertical-align: top;
}
html.sm.phone .square-button-purple {
font-size: 1.5rem;
}
html.sm.phone h2 {
font-size: 1.6rem;
}
html.sm.phone h2 .arrow {
display: none;
}
html.sm.phone a.external {
background-size: 1.2rem 1.2rem;
padding-right: 1.7rem;
}
html.sm.phone .formatted-content {
font-size: 1.2rem;
}
html.sm.phone .clear-small {
clear: both;
}
html.sm.phone .hidden-in-small-scale {
display: none !important;
}
html.sm.phone .article-list h2 {
font-size: 1.6rem;
}
html.sm.phone .article-list h2 .arrow {
bottom: .6rem;
}
html.sm.phone .article-list h3,
html.sm.phone .article-list li p {
font-size: 1.2rem;
line-height: 2rem;
}
html.sm.phone .article-list li {
margin: 1.7rem 0;
padding-top: 0;
padding-bottom: 1.7rem;
}
html.sm.phone .article-list li.last {
margin-bottom: 0;
}
html.sm.phone #main-left ul.article-list {
margin-top: 20px;
padding: 0 10px;
}
html.sm.phone #main-left ul.article-list h2 {
margin-left: 0;
}
html.sm.phone #main-left ul.article-list li h3 {
color: #333;
margin-bottom: 8px;
}
html.sm.phone #main-left ul.article-list li p.body {
margin: 8px 0 0 0;
}
html.sm.phone #main-left .archive-link a {
font-size: 1rem !important;
margin-bottom: 3rem;
padding-right: 1rem;
}
html.sm.phone #page-content #main-column .related-article-lists {
padding: 0;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list {
margin-top: 2rem;
padding: 0 1rem;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .section-header {
border: 0;
margin-bottom: 1.8rem;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .section-header h2 {
font-size: 1.6rem;
line-height: 2.2rem;
margin: 0;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .region {
float: none;
margin: 0 0 2.4rem;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .region h3 {
display: block;
font-size: 1.6rem;
line-height: 2.2rem;
margin: .3rem 0 .8rem 0;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .region .background {
background: none !important;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .region ul.region-headlines li {
border-bottom: 1px solid #ccc;
color: #333;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.2;
list-style-type: none;
margin: 0 !important;
padding: 15px 0;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .region ul.region-headlines li.first {
padding-top: 0;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list .region .archive-link {
position: static;
}
html.sm.phone #page-content #main-column .related-article-lists #region-list a .li-content {
background: none;
padding-left: 0;
max-height: none;
overflow: visible;
}
html.sm.phone #page-content #main-column #topic-list,
html.sm.phone #page-content #main-column #related-headlines {
border-top: 1px solid #ccc;
}
html.sm.phone #page-content #main-column #topic-list li,
html.sm.phone #page-content #main-column #related-headlines li {
margin-bottom: 1.3rem !important;
padding-bottom: 1.3rem !important;
}
html.sm.phone #page-content #main-column #topic-list .section .section-header,
html.sm.phone #page-content #main-column #related-headlines .section .section-header {
width: 100%;
background-color: #e6e6e6;
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/accordion-plus.png);
background-repeat: no-repeat;
background-position: 1rem center;
background-size: 2rem 2rem;
border-top: 1px solid white;
border-bottom: 1px solid #ccc;
cursor: pointer;
margin-bottom: 0;
padding: 1.5rem 0 1.5rem 4rem;
height: auto;
}
html.sm.phone #page-content #main-column #topic-list .section .section-header h2,
html.sm.phone #page-content #main-column #related-headlines .section .section-header h2 {
display: block;
font-size: 2rem;
}
html.sm.phone #page-content #main-column #topic-list .section .section-header a,
html.sm.phone #page-content #main-column #related-headlines .section .section-header a,
html.sm.phone #page-content #main-column #topic-list .section .section-header .arrow,
html.sm.phone #page-content #main-column #related-headlines .section .section-header .arrow,
html.sm.phone #page-content #main-column #topic-list .section .section-header .sponsor,
html.sm.phone #page-content #main-column #related-headlines .section .section-header .sponsor,
html.sm.phone #page-content #main-column #topic-list .section .section-header .subscribe,
html.sm.phone #page-content #main-column #related-headlines .section .section-header .subscribe {
display: none;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines,
html.sm.phone #page-content #main-column #related-headlines .section .headlines {
display: none;
margin-bottom: 0;
padding: 0 10px;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines h3,
html.sm.phone #page-content #main-column #related-headlines .section .headlines h3 {
color: #333 !important;
font-size: 12.0px !important;
font-size: 1.2rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
margin: 0 !important;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines .article-info,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .article-info,
html.sm.phone #page-content #main-column #topic-list .section .headlines .section-title,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .section-title {
font-size: 1rem;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines li,
html.sm.phone #page-content #main-column #related-headlines .section .headlines li {
border-bottom: 1px solid #ccc !important;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines li.last,
html.sm.phone #page-content #main-column #related-headlines .section .headlines li.last {
border: 0 !important;
margin-bottom: 0;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines .hero,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .hero {
float: none;
margin: 15px 0 0 0;
width: auto;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines .hero .details,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .hero .details {
float: none !important;
width: auto !important;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines .hero img,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .hero img,
html.sm.phone #page-content #main-column #topic-list .section .headlines .hero p.body,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .hero p.body,
html.sm.phone #page-content #main-column #topic-list .section .headlines .hero .description,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .hero .description {
display: none;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines .hero .inner,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .hero .inner {
border: 0 !important;
padding: 0 !important;
width: auto !important;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines .hero .section-title,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .hero .section-title {
margin-bottom: 0;
}
html.sm.phone #page-content #main-column #topic-list .section .headlines .links,
html.sm.phone #page-content #main-column #related-headlines .section .headlines .links {
float: none;
width: auto;
}
html.sm.phone #page-content #main-column #topic-list .section.expanded .section-header,
html.sm.phone #page-content #main-column #related-headlines .section.expanded .section-header {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/accordion-minus.png);
}
html.sm.phone #page-content #main-column #topic-list .section.expanded .section-header h2,
html.sm.phone #page-content #main-column #related-headlines .section.expanded .section-header h2 {
color: #777;
}
html.sm.phone #page-content #main-column #topic-list .section.expanded .headlines,
html.sm.phone #page-content #main-column #related-headlines .section.expanded .headlines {
display: block;
}
html.sm.phone #relevant-profile-listings {
margin: 2rem 0;
}
html.sm.phone #relevant-profile-listings .subscribe-link {
display: none;
}
html.sm.phone #carousel {
margin: 0 auto;
max-width: 716px;
padding: 1rem;
position: relative;
}
html.sm.phone #carousel #carousel-content {
display: none !important;
}
html.sm.phone #carousel #carousel-content-small {
display: block !important;
margin-right: 0;
max-width: 716px;
padding: 0;
position: relative;
}
html.sm.phone #carousel #carousel-content-small .hero-image {
margin: 0;
width: 100%;
padding: 0;
height: 100%;
}
html.sm.phone #carousel #carousel-content-small #hero-link h2 {
background-color: transparent;
color: #333;
display: block !important;
font-size: 1.75rem;
font-weight: bold;
height: 4rem;
line-height: 2rem;
max-width: none;
overflow: hidden;
padding: 0;
width: 100%;
margin-bottom: 1rem;
}
html.sm.phone #carousel #carousel-content-small #hero-link div {
position: relative;
height: 21.38826816rem;
}
html.sm.phone #carousel #carousel-content-small .hero-caption-container.small {
background: transparent;
bottom: 0;
color: white;
padding-top: 1.2rem;
position: absolute;
width: 100%;
}
html.sm.phone #carousel #carousel-content-small .hero-caption-container.small .tab {
background-color: rgba(0, 0, 0, 0.5);
color: white;
cursor: pointer;
font-size: 1.3rem;
height: 1.2rem;
padding: .5rem 1rem 1rem;
position: absolute;
right: 0;
top: -1.5rem;
content: "Caption";
}
html.sm.phone #carousel #carousel-content-small .hero-caption-container.small .hero-caption {
background-color: rgba(0, 0, 0, 0.5);
display: block !important;
font-size: 1rem;
max-width: none;
padding: 5px;
position: static;
}
html.sm.phone #carousel #carousel-content-small .hero-caption-container.small.collapsed .hero-caption {
display: none !important;
}
html.sm.phone #carousel a,
html.sm.phone #carousel a:visited,
html.sm.phone #carousel a:hover {
color: #333 !important;
}
html.sm.phone #carousel-thumbnails {
display: none;
}
html.sm.phone ul#offering-list {
margin-top: 0;
width: 100% !important;
}
html.sm.phone ul#offering-list h2 {
margin-left: 10px;
}
html.sm.phone ul#offering-list li.infographic {
padding: 1rem !important;
}
html.sm.phone ul#offering-list li.offering {
padding: 1rem !important;
}
html.sm.phone ul#offering-list li.offering h3 {
font-size: 1.6rem !important;
}
html.sm.phone ul#offering-list li.offering div.body {
font-size: 1.1rem;
line-height: 1.5 !important;
}
html.sm.phone ul#offering-list li.offering .image-link {
display: block;
text-align: center;
width: 100%;
}
html.sm.phone ul#offering-list li.offering img {
float: none;
max-width: 100%;
}
html.sm.phone ul#offering-list li.offering .square-button-purple {
background-image: none;
background-color: #54caf5;
font-size: 1.5rem;
}
html.sm.phone #pager-small-disabled {
display: block !important;
height: 1px;
margin-bottom: 20px;
}
html.sm.phone #pager-small,
html.sm.phone .paging {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/carousel-pager-small.png);
background-size: auto 100%;
display: block !important;
font-size: 2rem;
font-weight: bold;
line-height: 3rem;
height: 3rem;
margin-bottom: 2rem;
position: relative;
}
html.sm.phone #pager-small span,
html.sm.phone .paging span {
margin: 0;
}
html.sm.phone #pager-small .previous,
html.sm.phone .paging .previous,
html.sm.phone #pager-small .next,
html.sm.phone .paging .next {
display: block !important;
overflow: hidden;
text-indent: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
display: block;
position: absolute;
width: 3rem;
height: 3rem;
z-index: 100;
}
html.sm.phone #pager-small .previous a,
html.sm.phone .paging .previous a,
html.sm.phone #pager-small .next a,
html.sm.phone .paging .next a {
display: block;
width: 100%;
height: 100%;
}
html.sm.phone #pager-small .pages,
html.sm.phone .paging .pages {
display: none;
}
html.sm.phone #pager-small .slide-number,
html.sm.phone .paging .slide-number,
html.sm.phone #pager-small .page-info,
html.sm.phone .paging .page-info {
display: block !important;
position: absolute;
color: #666;
text-align: center;
top: 0;
width: 100%;
}
html.sm.phone #pager-small .previous,
html.sm.phone .paging .previous {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/carousel-prev-small.png);
left: 0;
}
html.sm.phone #pager-small .previous.disabled,
html.sm.phone .paging .previous.disabled {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/carousel-prev-small-disabled.png);
}
html.sm.phone #pager-small .next,
html.sm.phone .paging .next {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/carousel-next-small.png);
right: 0;
}
html.sm.phone #pager-small .next.disabled,
html.sm.phone .paging .next.disabled {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/carousel-next-small-disabled.png);
}
html.sm.phone .sponsor {
display: none;
}
html.sm.phone ul#featured-video {
margin-top: 0;
width: 100% !important;
}
html.sm.phone ul#featured-video h2 {
margin-left: 10px;
}
html.sm.phone ul#featured-video .sponsor {
display: none;
}
html.sm.phone ul#featured-video .inner {
padding: 10px;
}
html.sm.phone ul#featured-video h4 {
font-size: 1.5rem;
}
html.sm.phone ul#featured-video h4 .share {
background-size: 1.4rem 2rem;
height: 2rem;
top: -0.5rem;
width: 1.4rem;
}
html.sm.phone #page-wrapper {
overflow: hidden;
min-height: 825px;
width: 100% !important;
}
html.sm.phone #page-header {
display: none;
}
html.sm.phone #page-content {
border-top: 0;
padding: 0;
min-height: 0;
}
html.sm.phone #page-content #main-column {
float: none;
margin-right: 0;
margin-top: 0 !important;
padding-top: 24px !important;
width: 100%;
}
html.sm.phone #page-content #main-column #section-heading {
margin-top: 0;
}
html.sm.phone #page-content #main-column #main-left,
html.sm.phone #page-content #main-column #main-right {
float: none !important;
margin-right: 0;
width: 100%;
}
html.sm.phone #page-content #main-column #main-left.expanded,
html.sm.phone #page-content #main-column #main-right.expanded {
width: 100%;
}
html.sm.phone #leaderboard-ad-container,
html.sm.phone #site-sponsor-ad-container {
display: block;
}
html.sm.phone #header-content {
margin-bottom: 14px;
}
html.sm.phone #header-content #header-top {
height: auto;
padding: 0;
}
html.sm.phone #header-content #header-top #header-right {
display: none;
}
html.sm.phone #header-content #header-top #logo {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
height: auto;
float: none;
}
html.sm.phone #header-content #header-top #logo img {
padding: 1.25rem;
width: 16rem;
}
html.sm.phone #header-content .nav-bar {
height: 3.5rem;
position: relative;
}
html.sm.phone #header-content .nav-bar .menu-button {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/menu-button-small.png);
background-position: center center;
background-size: 2rem 2rem;
background-repeat: no-repeat;
border-left: 1px solid #599ff2;
border-right: 1px solid #2365b3;
height: 3.5rem;
width: 3.5rem;
left: 0;
position: absolute;
z-index: 100;
}
html.sm.phone #header-content .nav-bar .page-title {
color: white;
font-size: 2rem;
font-weight: bold;
line-height: 3.5rem;
height: 3.5rem;
overflow: hidden;
text-align: center;
width: 100%;
z-index: 1;
}
html.sm.phone #header-content .nav-bar .page-title.small {
font-size: 1.7rem;
}
html.sm.phone #header-content .nav-bar .page-title.small div {
top: 1rem;
}
html.sm.phone #header-content .nav-bar .page-title a,
html.sm.phone #header-content .nav-bar .page-title a:visited {
color: #FFF;
}
html.sm.phone #header-content .nav-bar .search-button {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/search-button-small.png);
background-position: center center;
background-size: 2rem 2rem;
background-repeat: no-repeat;
border-left: 1px solid #5189ca;
height: 3.5rem;
width: 3.5rem;
position: absolute;
right: 0;
z-index: 100;
}
html.sm.phone #header-content .nav-bar .search-button.active {
background-color: #f1f1f1;
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/responsive/search-button-active-bg.png);
}
html.sm.phone #header-content .nav-bar ul.nav-items {
background-color: #1f5293;
color: white;
font-size: 1.6rem;
left: -75%;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 75%;
z-index: 1000;
}
html.sm.phone #header-content .nav-bar ul.nav-items a,
html.sm.phone #header-content .nav-bar ul.nav-items a:visited {
color: white !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items ul,
html.sm.phone #header-content .nav-bar ul.nav-items li {
list-style-type: none;
}
html.sm.phone #header-content .nav-bar ul.nav-items li {
border-bottom: 1px solid #1a477e !important;
border-top: 1px solid #35679c !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.first {
border-top: none !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.last {
border-bottom: none !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item.has-dropdown a.L0 {
border-bottom: 2px solid #1a477e !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li#nav-magazines a.non-linked.L0 {
border-bottom: 2px solid #adadad !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li#nav-magazines a.non-linked.L0 :hover {
text-decoration: none;
}
html.sm.phone #header-content .nav-bar ul.nav-items li#nav-magazines li {
border-bottom: 1px solid #c3c3c3 !important;
border-top: none !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item {
font-weight: bold;
font-size: inherit;
text-align: left;
float: none;
width: auto;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item a {
display: block;
padding: 1.2rem 1rem;
line-height: inherit;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item a:hover {
text-decoration: underline;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item .arrow {
display: none !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item a.L0 {
border: 0;
background-color: inherit !important;
background-image: none !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item .dropdown.L1 {
position: static;
display: block;
font-weight: normal;
font-size: inherit;
padding: 0;
background: none;
box-shadow: none;
-webkit-box-shadow: none;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item .dropdown.L1 li.child.L1.home {
display: none;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item .dropdown.L1 li.child.L1 a {
padding-left: 3rem;
white-space: normal;
color: white !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item .dropdown.L2 {
display: none !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item a.non-linked:hover {
text-decoration: none !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item#nav-magazines a.non-linked {
background-color: #ccc !important;
color: black !important;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item#nav-magazines li.child.L1 {
background-color: #e6e6e6;
background-image: none;
}
html.sm.phone #header-content .nav-bar ul.nav-items li.nav-item#nav-magazines li.child.L1 a {
color: #333333 !important;
}
html.sm.phone #header-content #nav-events li.home {
display: none;
}
html.sm.phone #header-content #header-search-small {
background-color: #f1f1f1;
border-bottom: 1px solid #7f7f7f;
padding: 1rem;
margin: 0;
}
html.sm.phone #header-content #header-search-small input.header-searchbox {
display: block;
float: left;
font-size: 1.4rem;
margin: 0 1rem 0 0;
padding: .5rem;
width: 75%;
}
html.sm.phone #header-content #header-search-small input.search-button {
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/responsive/search-submit.png);
background-size: 2.5rem 2.5rem;
background-repeat: no-repeat;
border: 0;
display: block;
float: left;
height: 2.5rem;
width: 2.5rem;
margin-top: 2px;
}
html.sm.phone .fixed-header {
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
}
html.sm.phone #side-column .ad,
html.sm.phone #side-column .side-content {
display: block;
}
html.sm.phone #side-column #tablet-left,
html.sm.phone #side-column #tablet-right {
display: block;
}
html.sm.phone #footer-content {
line-height: 1.5;
margin-top: 0;
padding-top: 24px;
}
html.sm.phone #footer-content .nav-bar .section {
border-bottom: 1px solid #cccccc;
border-right: 0;
float: none;
height: auto;
width: auto;
}
html.sm.phone #footer-content .nav-bar .section .inner {
margin-bottom: 0;
padding: 1rem;
}
html.sm.phone #footer-content .nav-bar .section .inner .nav-item {
float: left;
margin: 0;
width: 33%;
white-space: nowrap;
}
html.sm.phone #footer-content .nav-bar .section .inner .nav-item.sitemap,
html.sm.phone #footer-content .nav-bar .section .inner .nav-item.e360,
html.sm.phone #footer-content .nav-bar .section .inner .nav-item.contact {
border-right: 0;
}
html.sm.phone #footer-content .nav-bar .section .inner .nav-item .inner {
display: inline;
margin: 0;
padding: 0;
}
html.sm.phone #footer-content .nav-bar .section .inner .nav-item a {
margin: 0 0 0 1rem;
padding: 0;
}
html.sm.phone #footer-content .copyright {
font-size: 1rem;
padding: .5rem 5rem 5rem .5rem;
}
html.sm.phone #phone-only-content {
display: block !important;
}
html.sm.phone #phone-only-content a#back-to-top {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/back-to-top.png);
background-position: right center;
background-size: 2rem 2rem;
background-repeat: no-repeat;
color: #777;
display: block;
font-size: 2rem;
font-weight: bold;
margin-right: 1rem;
padding: 1.5rem 3rem 1.5rem 0;
text-align: right;
}
html.sm.phone #phone-only-content #phone-navigation {
background-color: #3390ff;
list-style-type: none;
margin: 0 0 3rem 0;
padding: 0;
}
html.sm.phone #phone-only-content #phone-navigation li.nav-item {
border-bottom: 1px solid #85bcff;
font-size: 2rem;
font-weight: bold;
}
html.sm.phone #phone-only-content #phone-navigation li.nav-item a {
color: white;
display: block;
padding: 1.5rem 0 1.5rem 1rem;
width: 100%;
}
html.sm.phone #page-wrapper.article.index #main-column #content-preview-banner {
border-bottom: 1px solid #ccc;
margin-bottom: 11px;
}
html.sm.phone #page-wrapper.article.index #main-column #content-preview-banner .locked-content {
height: 1.4rem;
width: 1.1rem;
background-size: 100% 100%;
}
html.sm.phone #page-wrapper.article.index #main-column #content-preview-banner .login {
display: none;
}
html.sm.phone #page-wrapper.article.index #main-column div#article {
border: 0;
margin-bottom: 20px;
padding: 0 10px;
}
html.sm.phone #page-wrapper.article.index #main-column div#article .image-container {
margin-bottom: 1rem;
}
html.sm.phone #page-wrapper.article.index #main-column div#article .image-container .article-image,
html.sm.phone #page-wrapper.article.index #main-column div#article .image-container .image-caption {
max-width: 100%;
width: auto !important;
}
html.sm.phone #page-wrapper.article.index #main-column div#article .image-container .image-caption {
padding: .5rem;
font-size: 1rem;
bottom: 0;
}
html.sm.phone #page-wrapper.article.index #main-column div#article div.info {
padding: 0;
}
html.sm.phone #page-wrapper.article.index #main-column div#article div.info .section-title {
color: #666;
font-size: 1.5rem;
font-weight: normal;
margin-bottom: .8rem;
}
html.sm.phone #page-wrapper.article.index #main-column div#article div.info h1 {
font-size: 1.8rem;
line-height: 2.2rem;
margin-bottom: .8rem;
}
html.sm.phone #page-wrapper.article.index #main-column div#article div.info .byline {
margin-bottom: .3rem;
}
html.sm.phone #page-wrapper.article.index #main-column #share-buttons {
display: none;
}
html.sm.phone #page-wrapper.article.index #main-column #offering-list {
margin-top: 2rem;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content {
margin-top: .9rem;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content p {
margin-bottom: 1rem;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content .inner {
padding: 0;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content .word-count {
font-weight: bold;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content.hasRelatedProducts {
margin: 0;
width: 100%;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content img {
max-width: 90%;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content .img_left,
html.sm.phone #page-wrapper.article.index #main-column div.article-content .img_right,
html.sm.phone #page-wrapper.article.index #main-column div.article-content .img_center,
html.sm.phone #page-wrapper.article.index #main-column div.article-content .img_inline {
max-width: 99%;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content span .video-in-text-big,
html.sm.phone #page-wrapper.article.index #main-column div.article-content span .video-in-text {
display: block;
}
html.sm.phone #page-wrapper.article.index #main-column div.article-content iframe {
float: none;
max-width: 99%;
display: block;
margin: 5px auto;
}
html.sm.phone #page-wrapper.article.index #main-column div.related-products {
display: none;
}
html.sm.phone #page-wrapper.article.index #main-column div#related-headlines ul.related-article-list.large {
display: none;
}
html.sm.phone #page-wrapper.article.index #main-column div#related-headlines .section {
display: block !important;
}
html.sm.phone #page-wrapper.article.index #main-column div#related-headlines .section .inner {
margin-top: 1.5rem;
}
html.sm.phone #page-wrapper.article.index #main-column div#related-headlines .section ul.article-list {
margin: 0;
}
html.sm.phone #page-wrapper.article.index #main-column #main-column .divider,
html.sm.phone #page-wrapper.article.index #main-column #main-column #relevant-profile-listings {
display: none;
}
html.sm.phone #page-wrapper.article.index #main-column #offering-list {
margin-top: 2rem !important;
}
html.sm.phone #page-wrapper.article.search #main-column h1 {
margin-left: 10px;
}
html.sm.phone #page-wrapper.article.search #main-column #main-left {
padding-left: 0;
}
html.sm.phone #page-wrapper.article.search #main-column #no-results {
box-shadow: none;
-webkit-box-shadow: none;
border: none;
margin: 20px 0 50px 0;
padding: 0 10px;
position: static;
width: auto;
}
html.sm.phone #page-wrapper.article.search #main-column #no-results hr {
margin: 25px 0 10px;
}
html.sm.phone #page-wrapper.article.search #main-column #no-results .help-text {
margin: 0;
text-align: center;
}
html.sm.phone #page-wrapper.events #page-content #main-column h1 {
display: none;
}
html.sm.phone #page-wrapper.events #page-content #main-column h2 {
margin: 1rem 0 .5rem 1rem;
}
html.sm.phone #page-wrapper.events #page-content #main-column #main-left {
width: 100%;
}
html.sm.phone #page-wrapper.events #page-content #main-column #main-left .col-left,
html.sm.phone #page-wrapper.events #page-content #main-column #main-left .col-right {
width: 100%;
float: none;
}
html.sm.phone #page-wrapper.events #page-content #main-column #main-left .article-list {
margin-left: 0;
padding: 0;
}
html.sm.phone #page-wrapper.events #page-content #main-column #main-right {
float: none !important;
}
html.sm.phone #page-wrapper.events #page-content #main-column #main-right #calendar {
width: auto;
}
html.sm.phone #calendar {
margin-bottom: 0;
}
html.sm.phone #calendar .calendar-search {
padding: 10px;
}
html.sm.phone #calendar .calendar-search .submit {
float: right;
height: 4.3rem;
}
html.sm.phone #calendar table.event-list {
display: none;
}
html.sm.phone #calendar div.event-list.small {
color: #444;
display: block !important;
font-size: 1.3rem;
line-height: 2rem;
padding: 10px;
}
html.sm.phone #calendar div.event-list.small .name {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.3;
}
html.sm.phone #calendar div.event-list.small .event-name {
margin-bottom: 5px;
}
html.sm.phone #calendar div.event-list.small .label {
font-weight: bold;
}
html.sm.phone #calendar div.event-list.small .event-date {
color: #d37c26;
}
html.sm.phone #calendar div.event-list.small .event-left,
html.sm.phone #calendar div.event-list.small .event-right {
float: left;
width: 50%;
}
html.sm.phone #calendar div.event-list.small .event {
border-bottom: solid 1px #cccccc;
padding: 1rem 0;
}
html.sm.phone #calendar div.event-list.small .event .links {
display: none;
}
html.sm.phone #page-wrapper.info #main-column {
font-size: 1rem;
}
html.sm.phone #page-wrapper.info #main-column h1 {
display: none;
}
html.sm.phone #page-wrapper.info #main-column h3 {
font-size: 1.8rem;
line-height: 2.5rem;
}
html.sm.phone #page-wrapper.info #main-column .inner {
padding: 0 10px;
}
html.sm.phone #page-wrapper.info.staff #main-column .staff-defence {
padding: 0;
}
html.sm.phone #page-wrapper.info.staff #main-column #main-left,
html.sm.phone #page-wrapper.info.staff #main-column #main-center,
html.sm.phone #page-wrapper.info.staff #main-column #main-right {
padding: 0 10px;
width: 100%;
}
html.sm.phone #page-wrapper.info.staff #main-column #main-left {
margin: 5px 0 0 0;
}
html.sm.phone #page-wrapper.info.staff #main-column #main-center {
margin: 10px 0 0 0;
}
html.sm.phone #page-wrapper.info.staff #main-column .staff-transport {
margin-top: 15px;
}
html.sm.phone #page-wrapper.info.staff #main-column .editorial-contacts .contact-row {
border-bottom: 0;
}
html.sm.phone #page-wrapper.info.staff #main-column .editorial-contacts .contact {
width: 96%;
border-bottom: 1px dotted silver;
}
html.sm.phone #page-wrapper.info.staff #main-column .editorial-contacts .contact .contact-info {
width: auto !important;
}
html.sm.phone #page-wrapper.info.staff #main-column .editorial-contacts .contact.last {
clear: both;
margin-left: 0;
}
html.sm.phone #overlay {
display: none !important;
}
html.sm.phone #emailDialog.modal {
position: static;
margin-top: 10px;
width: auto;
}
html.sm.phone #emailDialog.modal .content {
padding: 1rem;
}
html.sm.phone #emailDialog.modal .content ul label {
float: none;
font-weight: bold;
text-align: left;
width: auto;
}
html.sm.phone #emailDialog.modal .content ul input,
html.sm.phone #emailDialog.modal .content ul textarea {
width: 97% !important;
}
html.sm.phone #emailDialog.modal .content ul input#submit {
margin: 0 20rem;
width: auto !important;
}
html.sm.phone #page-wrapper.multimedia #main-column h1 {
display: none;
}
html.sm.phone #page-wrapper.multimedia #main-column h3 {
font-size: 1.6rem;
}
html.sm.phone #page-wrapper.multimedia.index #featured-video {
padding: 10px;
}
html.sm.phone #page-wrapper.multimedia.index #featured-video h2 {
font-size: 2rem;
}
html.sm.phone #page-wrapper.multimedia.index #featured-video .embedded-video {
float: none;
margin: 0 0 10px 0;
width: auto;
}
html.sm.phone #page-wrapper.multimedia.index #featured-video .embedded-video iframe {
max-width: 100%;
}
html.sm.phone #page-wrapper.multimedia.index #featured-video .video-info {
float: none;
height: auto;
width: auto;
}
html.sm.phone #page-wrapper.multimedia.index #featured-video .video-info .description {
position: static;
}
html.sm.phone #page-wrapper.multimedia.index ul#video-archive {
padding: 10px;
width: auto;
}
html.sm.phone #page-wrapper.multimedia.index ul#video-archive .inner {
padding: 0 !important;
}
html.sm.phone #page-wrapper.multimedia.index ul#video-archive li.video h3 {
display: block;
font-size: 1.6rem;
left: 160px;
}
html.sm.phone #page-wrapper.multimedia.index ul#video-archive li.video .details {
float: none;
margin-top: 10px;
clear: both;
width: auto;
}
html.sm.phone #page-wrapper.multimedia.index .tab {
font-size: 1.6rem;
}
html.sm.phone #page-wrapper.press.index h1 {
display: none;
}
html.sm.phone #page-wrapper.press.index ul#press-archive .inner {
padding: 10px;
}
html.sm.phone #page-wrapper.press.index ul#press-archive li.press-release h3 {
font-size: 1.6rem;
}
html.sm.phone #page-wrapper.press.index ul#press-archive .details .release-date,
html.sm.phone #page-wrapper.press.index ul#press-archive .details .source {
font-size: 1.2rem;
}
html.sm.phone #page-wrapper.section.home.index #main-column {
margin-top: 24px;
}
html.sm.phone #page-wrapper.section.index #pager-small {
margin: 0 auto;
max-width: 756px;
}
html.sm.phone #page-wrapper.section.index #call-to-action {
font-size: 1rem;
margin-bottom: 2rem;
}
html.sm.phone #page-wrapper.section.archive {
padding: 0 !important;
}
html.sm.phone #page-wrapper.section.archive #pager-small {
margin: 20px 0 !important;
}
html.sm.phone #page-wrapper.section.archive #main-column #main-left {
padding: 0;
}
html.sm.phone #page-wrapper.section.archive .paging {
padding: 0 10px;
}
html.sm.phone #page-wrapper.section #main-column {
margin-top: 0px;
}
html.sm.phone #page-wrapper.section #main-left .article-list {
margin-left: 0;
}
html.sm.phone #page-wrapper.section #section-heading {
margin: 1rem 0;
position: relative;
}
html.sm.phone #page-wrapper.section #section-heading .subscribe {
display: none;
}
html.sm.phone #page-wrapper.section #section-heading h1 {
font-size: 2.5rem;
margin: 0 0 0 10px;
float: left;
max-width: 70%;
}
html.sm.phone #page-wrapper.section #section-heading .section-message {
margin: 2px 0 0 10px;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small {
position: absolute;
z-index: 998;
display: block !important;
width: 100%;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small #section-filter-button {
background: #d9d9d9;
background: -moz-linear-gradient(top, #d9d9d9 0%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(top, #d9d9d9 0%, #f1f1f1 100%);
background: -o-linear-gradient(top, #d9d9d9 0%, #f1f1f1 100%);
background: -ms-linear-gradient(top, #d9d9d9 0%, #f1f1f1 100%);
background: linear-gradient(to bottom, #d9d9d9 0%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#f1f1f1',GradientType=0);
border: 1px solid #cccccc;
color: #3d3d3d;
cursor: pointer;
font-size: 1.5rem;
font-weight: bold;
margin-right: 1.25rem;
margin-bottom: -1px;
float: right;
line-height: 2.6rem;
text-align: center;
width: 8rem;
position: relative;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small #section-filter-button .arrow {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/arrow-topic-filter-closed.png);
background-repeat: no-repeat;
background-size: 1rem .8rem;
display: inline-block;
height: .8rem;
margin-left: 2px;
position: relative;
top: -0.1rem;
width: 1rem;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small #section-filter-button.open {
border-bottom: 1px solid #f1f1f1;
color: #003399;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small #section-filter-button.open .arrow {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/arrow-selected-active.png);
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small ul.dropdown {
clear: both;
background: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/topic-filter-bg.png);
border-top: 1px solid #cccccc;
font-size: 1.5rem;
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small ul.dropdown a,
html.sm.phone #page-wrapper.section #section-heading #section-filter-small ul.dropdown a:visited {
color: #333333;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small ul.dropdown li.dropdown-item {
background-color: #f1f1f1;
border-bottom: 1px solid #cccccc;
padding: 1.4rem 1rem 1.4rem 2rem;
position: relative;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small ul.dropdown li.dropdown-item .checkmark {
display: block;
height: 1.6rem;
position: absolute;
right: 2px;
top: 1.5rem;
width: 1.6rem;
}
html.sm.phone #page-wrapper.section #section-heading #section-filter-small ul.dropdown li.dropdown-item.selected .checkmark {
background-image: url(/web/20180724112358im_/http://www.janes.com/images/editorial360/shared/topic-filter-checkmark.png);
background-size: 1.6rem 1.6rem;
}
html.sm.phone #page-wrapper.section #section-links {
display: none;
}
html.sm.phone #page-wrapper.sitemap.index #main-column {
line-height: 1.5;
}
html.sm.phone #page-wrapper.sitemap.index #main-column h1 {
display: none;
}
html.sm.phone #page-wrapper.sitemap.index #main-column .section li {
margin-bottom: 0;
}
html.sm.phone #page-wrapper.sitemap.index #main-column #main-left,
html.sm.phone #page-wrapper.sitemap.index #main-column #main-right {
float: none !important;
margin-right: 0;
width: auto;
}
html.sm.phone #page-wrapper.sitemap.index #main-column #main-left .inner,
html.sm.phone #page-wrapper.sitemap.index #main-column #main-right .inner {
padding: 0 10px;
}
html.sm.phone #page-wrapper.sitemap.index #main-column #main-left #site-map-list,
html.sm.phone #page-wrapper.sitemap.index #main-column #main-right #site-map-list {
margin: 0;
}
html.sm.phone #page-wrapper.sitemap.index #main-column #main-left #site-map-list ul,
html.sm.phone #page-wrapper.sitemap.index #main-column #main-right #site-map-list ul {
margin: 0;
}
html.sm.phone #page-wrapper.sitemap.index #main-column ul#site-map-list ul {
font-size: 1.4rem;
padding: 1rem;
}
html.sm.phone #page-wrapper.sitemap.index #main-column ul#site-map-list ul li {
margin-bottom: 0;
}
html.sm.phone #page-wrapper.sitemap.index #main-column ul#site-map-list ul ul {
padding-top: 0;
}
}
/*************************************/
/* Responsive Design - Touch */
/*************************************/
html:not(.touch-enabled) .touch {
display: none;
}
.bodyWidth {
width: 180%;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}
#contact {
background: #F9F9F9;
padding: 25px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#contact h3 {
display: block;
font-size: 30px;
font-weight: 300;
margin-bottom: 10px;
}
#contact h4 {
margin: 5px 0 15px;
display: block;
font-size: 13px;
font-weight: 400;
}
fieldset {
border: medium none !important;
margin: 0 0 10px;
min-width: 100%;
padding: 0;
width: 100%;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
width: 100%;
border: 1px solid #ccc;
background: #FFF;
margin: 0 0 5px;
padding: 10px;
}
#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
border: 1px solid #aaa;
}
#contact input {
resize: none;
}
#contact textarea {
resize: none;
}
#contact button[type="submit"] {
cursor: pointer;
width: 100%;
border: none;
background: #4CAF50;
color: #FFF;
margin: 0 0 5px;
padding: 10px;
font-size: 15px;
}
#contact button[type="submit"]:hover {
background: #43A047;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
#contact button[type="submit"]:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.copyright {
text-align: center;
}
#contact input:focus,
#contact textarea:focus {
outline: 0;
border: 1px solid #aaa;
}
::-webkit-input-placeholder {
color: #888;
}
:-moz-placeholder {
color: #888;
}
::-moz-placeholder {
color: #888;
}
:-ms-input-placeholder {
color: #888;
}
#customTable table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
background-color: #f2f2f2 !important;
}
#customTable td,
th {
border: 0px solid #dddddd;
text-align: left;
padding: 8px;
vertical-align: middle !important;
}
#customTable tr:nth-child(even) {
background-color: #dddddd;
}
.pageDesc {
color: #444444;
font-size: 15px;
font-size: 1.5rem;
line-height: 22px;
margin: 1% 0 1% 0;
}
#productpage {
margin-top: 20px;
}
.fullWidth {
width: 100%;
}
.floatRight {
float: right;
}
.floatLeft {
float: left;
}
.paddingZero {
padding: 0 !important;
}
.paddingZeroLeft {
padding-left: 0 !important;
}
.paddingZeroRight {
padding-right: 0 !important;
}
.learnMoreButton {
background-color: #169a8d !important;
color: #ffffff !important;
}
.btn-LearnMore {
color: #FFFFFF;
background-color: #169A8D !important;
border-color: #047D71 !important;
}
.btn-LearnMore:hover,
.btn-LearnMore:focus,
.btn-LearnMore:active,
.btn-LearnMore.active,
.open .dropdown-toggle.btn-LearnMore {
color: #FFFFFF;
background-color: #088F82 !important;
border-color: #047D71 !important;
}
.btn-LearnMore:active,
.btn-LearnMore.active,
.open .dropdown-toggle.btn-LearnMore {
background-image: none;
}
.btn-LearnMore.disabled,
.btn-LearnMore[disabled],
fieldset[disabled] .btn-LearnMore,
.btn-LearnMore.disabled:hover,
.btn-LearnMore[disabled]:hover,
fieldset[disabled] .btn-LearnMore:hover,
.btn-LearnMore.disabled:focus,
.btn-LearnMore[disabled]:focus,
fieldset[disabled] .btn-LearnMore:focus,
.btn-LearnMore.disabled:active,
.btn-LearnMore[disabled]:active,
fieldset[disabled] .btn-LearnMore:active,
.btn-LearnMore.disabled.active,
.btn-LearnMore[disabled].active,
fieldset[disabled] .btn-LearnMore.active {
background-color: #169A8D !important;
border-color: #047D71 !important;
}
.btn-LearnMore .badge {
color: #169A8D !important;
background-color: #FFFFFF;
}
.bootstrap-iso h3 {
color: #4c4c4c !important;
font-family: arial !important;
font-size: 16px !important;
font-size: 1.6rem !important;
font-weight: bold !important;
margin-bottom: 2px !important;
}
.tdContent {
text-align: center;
background-color: #f2f2f2;
padding: 8px !important;
vertical-align: top;
}
.divYearbookHeader {
font-size: 12px;
vertical-align: middle;
min-height: 45px !important;
width: 10%;
padding-top: 4% !important;
padding-bottom: 4% !important;
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
}
.divYearbookImg {
height: 190px !important;
width: 140px !important;
}
.tdEmptySpace {
width: 15px !important;
}
.divMagazineBox {
width: 200px !important;
background-color: #f2f2f2;
}
.btnYearbookBuyNow {
padding: 0% !important;
}
.spanYearbook {
color: deepskyblue;
font-weight: bold;
}
.titleOSINT {
background-color: #f2f2f2;
padding: 10px !important;
}
.contentOSINT {
padding: 8px !important;
border-bottom: 1px solid #f2f2f2;
}
.anchorOSINT {
color: green !important;
}
.margintop1 {
margin-top: 1% !important;
}
.margintop2 {
margin-top: 2% !important;
}
.margintop3 {
margin-top: 3% !important;
}
.margintop4 {
margin-top: 4% !important;
}
.margintop5 {
margin-top: 5% !important;
}
.marginbottom1 {
margin-bottom: 1% !important;
}
.marginbottom2 {
margin-bottom: 2% !important;
}
.marginbottom3 {
margin-bottom: 3% !important;
}
.marginbottom4 {
margin-bottom: 4% !important;
}
.marginbottom5px {
margin-bottom: 5px !important;
}
.marginright1 {
margin-right: 1% !important;
}
.marginright2 {
margin-right: 2% !important;
}
.marginright3 {
margin-right: 3% !important;
}
.marginright4 {
margin-right: 4% !important;
}
.marginright5 {
margin-right: 5% !important;
}
.marginleft1 {
margin-left: 1% !important;
}
.marginleft2 {
margin-left: 2% !important;
}
.marginleft3 {
margin-left: 3% !important;
}
.marginleft4 {
margin-left: 4% !important;
}
.marginleft5 {
margin-left: 5% !important;
}
.paddingtop1 {
padding-top: 1% !important;
}
.paddingtop2 {
padding-top: 2% !important;
}
.paddingtop3 {
padding-top: 3% !important;
}
.paddingtop4 {
padding-top: 4% !important;
}
.paddingtop5 {
padding-top: 5% !important;
}
.paddingbottom1 {
padding-bottom: 1% !important;
}
.paddingbottom2 {
padding-bottom: 2% !important;
}
.paddingbottom3 {
padding-bottom: 3% !important;
}
.paddingbottom4 {
padding-bottom: 4% !important;
}
.paddingbottom5px {
padding-bottom: 5px !important;
}
.paddingright1 {
padding-right: 1% !important;
}
.paddingright2 {
padding-right: 2% !important;
}
.paddingright3 {
padding-right: 3% !important;
}
.paddingright4 {
padding-right: 4% !important;
}
.paddingright5 {
padding-right: 5% !important;
}
.paddingleft1 {
padding-left: 1% !important;
}
.paddingleft2 {
padding-left: 2% !important;
}
.paddingleft3 {
padding-left: 3% !important;
}
.paddingleft4 {
padding-left: 4% !important;
}
.paddingleft5 {
padding-left: 5% !important;
}
/*
FILE ARCHIVED ON 11:23:58 Jul 24, 2018 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 06:02:05 Nov 06, 2024.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.559
exclusion.robots: 0.032
exclusion.robots.policy: 0.02
esindex: 0.01
cdx.remote: 1028.901
LoadShardBlock: 319.809 (3)
PetaboxLoader3.resolve: 338.93 (4)
PetaboxLoader3.datanode: 180.943 (5)
load_resource: 284.932 (2)
*/
