@charset "UTF-8";
/* CSS Document */

/* -------------------------------- 
Basic Styles
-------------------------------- */


body {font-family: 'Roboto', sans-serif;}
.pad1 {height:1px;}
.pad2 {height:2px;}
.pad4 {height:4px;}
.pad6 {height:6px;}
.pad8 {height:8px;}
.pad10 {height:10px; clear:left; }
.pad12 {height:12px; clear:left; }
.pad14 {height:14px; clear:left; }
.pad16 {height:16px; clear:left; }
.pad18 {height:18px; clear:left; }
.pad20 {height:20px; clear:left; }
.vspace60 {height:60px; clear:left; }
.vspace120 {height:120px; clear:left; }

.break {height:1px; clear:both; margin-bottom:-1px;}

a {color: #ad1f24; xcolor:#287b28;}
ul {margin-bottom: 10px !important;}
.storybody ul, .unprotectedstorybody ul, .abstract ul {margin-left: 40px;}
/* -------------------------------- 
Header Styles
-------------------------------- */

header {background-color:#ad1f25; padding:10px 0;}
.social ul {list-style-type:none;}
span.glyphicon.glyphicon-search {color:#fff; font-size:140%;}

.socialheaderfb {
display:block; 
width: 35px; 
height: 35px; 
background:transparent url('https://scg-scmr.s3.amazonaws.com/images/header_fb_icon_double.jpg') no-repeat; 
float:left;
margin-right:10px;
margin-top: 20px;
} 

.socialheaderfb:hover{ 
background-position: -35px 0;
}

.socialheadertw {
display:block; 
width: 35px; 
height: 35px; 
background:transparent url('https://scg-scmr.s3.amazonaws.com/images/header_tw_icon_double.jpg') no-repeat;
float:left;
margin-right:10px;
margin-top: 20px;
} 

.socialheadertw:hover{ 
background-position: -35px 0;
}

.socialheadergp {
display:block; 
width: 35px; 
height: 35px; 
background:transparent url(/images/site/LM_header_gplus_icon_double2.jpg) no-repeat;
float:left;
margin-right:10px;
margin-top: 20px;
} 

.socialheadergp:hover{ 
background-position: -35px 0;
}

.socialheaderli {
display:block; 
width: 35px; 
height: 35px; 
background:transparent url('https://scg-scmr.s3.amazonaws.com/images/header_lin_icon_double.jpg') no-repeat;
float:left;
margin-right:30px;
margin-top: 20px;
} 

.socialheaderli:hover{ 
background-position: -35px 0;
}

.logo {width: 327px; xwidth:236px; float:left; xmargin:9px 0 5px 0; margin:14px 0 5px 0;}
.social {float:right; width:680px;}
.magsubheader {width:160px; float:right; xmargin-left:80px; margin-left:50px;}
.subscribetext {display:block; line-height:130%; margin-top:8px;}
.headersocial {width:460px; xwidth:380px; float:right; margin-top:8px;}

form.headersearch {margin-top: 30px;}

.loginname {display: inline-block; width:152px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: -5px;}

.subscribeheaderflag img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

/* --------------------------------
Wide Promo
-------------------------------- */
#bg-wide-promo							{background-color:#1844AA; width:100%; margin-bottom:0px; background-image:url(https://sc247.s3.amazonaws.com/images/site/nextgen-bg.jpg); 
										background-repeat:no-repeat; background-position:center; background-size:cover; color:#FFF; }
#bg-wide-promo .btn-danger				{background-color:#C00 !important; color:#FFF !important; font-size:125%;}
#bg-wide-promo .btn-danger:hover		{background-color:#F00 !important; color:#FFF !important;}
#bg-wide-promo .nextgen-logo			{width:86%; margin:12px 0 8px 0;}
#site-widepromo-top						{font-size:80%}
#bg-wide-promo .btn-danger 				{background-color: #C00 !important;color: #FFF !important;font-size: 125%;width:50%;min-width:200px;}
.home-widepromo							{min-height:360px; background-color:transparent; margin:0 60px 0px 0; padding:18px 0 10px 0; width:40%; color:#FFF; line-height:140%; float:left;}
.home-widepromo p						{line-height:125%;}
.home-widepromo-right					{width:180px; margin:0 10px 0 20px; float:left; text-align:left; color:#FFF;}
.home-widepromo-right	 .small-heads	{font-size:80%; line-height:110%; margin:30px 0 20px 0; color:#acdaf2;}
.home-widepromo-right	 .med-text		{font-size:160%; line-height:110%; margin:0 0 14px 0;}
.home-widepromo-right	 .small-text	{font-size:126%; line-height:110%; margin:0 0 14px 0;}
.home-widepromo 						{position: relative;}
.home-widepromo h2 						{color:#fff; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:700; font-size:250%; margin-bottom:26px;}


/* --------------------------------
Wide Video
-------------------------------- */

.large-video					{text-align:center; background-color:#444; padding:20px 20px 20px 20px; margin: 10px -10px 0 -10px;}
.large-video .video-container 	{max-width:76% !important; min-width:280px; width:100% !important; text-align:center; margin:0px auto;}
.large-video .video 			{position: relative; padding-top: 0px; height: 0; overflow: hidden; 
								padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */}
.large-video .video iframe 		{position:absolute; top:0; left:0; width:100%; height:100%; border:none;}



/* -------------------------------- 
Nav Styles
-------------------------------- */

nav {background-color:#85191d; color:#FFF;}
nav .nav nav-tabs li {background-color:#85191d;}
nav a {color:#FFF;}


/* -------------------------------- 
Article Styles
-------------------------------- */

.storybody, .abstract, .unprotectedstorybody {float:left;}
.innerRR {float:right; margin:0 15px 10px 15px; line-height:120%;}
.innerRRimg {max-width:400px;}
.innerRRimg img {border:1px solid #ccc;}
.innerRRsponsorimg {max-width:350px; margin:10px 0 10px 0;}
#topicalllist ul li{list-style-type:none;}
#topicalllist ul {list-style-type:none;}

.title-overline {margin: -6px 0 12px 0; border-bottom: 1px dotted #CC9900; padding-bottom:6px !important; color:#CC9900; font-size:9pt; line-height:100%; text-transform:uppercase; letter-spacing:1px;}

/* -------------------------------- 
article h1, article h2, article h3, section.topicindex h1, section.topicindex h2, section.topicindex h3 {font-family: 'Archivo Narrow', sans-serif; font-size:40px;}
article h2, article h3, section.topicindex h2, section.topicindex h3 {color:#ad1f24; font-size:25px;}
article h3, section.topicindex h3 {margin-top:0px; margin-bottom:8px; font-weight:bold; font-size:20px;}
-------------------------------- */

h1, h2, h3 {font-family: 'Archivo Narrow', sans-serif; font-size:40px;}
h2, h3 {color: #ad1f24; xcolor:#287b28; xcolor:#009900; xcolor:#058605; font-size:25px;}
h3 {margin-top:0px; margin-bottom:8px; font-weight:bold; font-size:20px;}
h1 {margin-top:8px;}
article .socialbuttons {margin:30px 0 20px 0; border-bottom:1px dashed #ad1f24; padding-bottom:10px; height:30px;}
article h1 {margin-top:5px; xmargin-top:20px;}
article h2 {margin-top:10px;}
article img {max-width:100%; height:auto;}
.socialbuttons ul {list-style-type:none; padding:0px;}
.socialbuttons ul li {float:left; height:20px; margin-right:40px;}
.socialbuttons ul li img {height:20px;}
.socialbuttons ul li img:hover {height:22px;}

.articletopics {margin:0px 0 20px 0; border-bottom:1px dashed #ad1f24; padding-bottom:10px;}

.innerRRwebcastinfo {color:#ad1f24;}

a.btn.btn-success.webcastbody.btn-lg, a.btn.btn-success.whitepaperbody.btn-lg {width:300px; font-size:20px;}

.btn-default {background-color:#ccc;}
.webcastarticlepromo {border-bottom: 1px dashed #ad1f24; display: block; line-height: 120%; font-size:105%;}

/* WYGWAM styles */
.calloutleft {float: left; margin: 5px 20px 5px 0; }
.calloutleft, .calloutright {border-top: 5px solid #287b28; border-bottom: 5px solid #287b28; padding: 15px 10px; font-size: 110%;}
.calloutleft .calloutattrib, .calloutright .calloutattrib {font-style: italic; text-align: right;}
.calloutright {float: right; margin: 5px 0 5px 20px; }

.photoleft {float: left; margin: 5px 20px 5px 0;}
.photoleft .caption, .photoright .caption, .photofull .caption {font-size: 14px; margin-top: 5px; color: #777777; font-style: italic;}
.photoright {float: right; margin: 5px 0 5px 20px;}
.photofull {margin-bottom:10px; margin: 20px 0;}

.sideleft {float: left; margin: 5px 20px 20px 0; border-right: 7px solid #e3e3e3; }
.sideleft, .sideright{max-width: 240px;}
.sideleft, .sideright, .sidefull{padding: 15px 20px; font-size: 16px; line-height:1.2}
.sideleft h4, .sideright h4, .sidefull h4 {font-weight: bold; margin-top: 0;}
.sideright {float: right; margin: 5px 0 20px 20px; border-left: 7px solid #e3e3e3;}
.sidefull {width:100%; margin:20px 0; border-top: 7px solid #e3e3e3; border-bottom: 7px solid #e3e3e3;}

.loggedindownloadpdf {padding-top: 15px; margin-bottom: 15px;}
.loggedindownloadpdf img:hover {
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
  }
  
.loggedinpdfbottom {padding: 25px 25px 25px 0; margin-top: 25px;}
.loggedinpdfbottom img:hover {
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
  }
.loggedinpdfbottom img {margin-right: 5px;}

.notloggedinarticlepromo {border-top: 1px solid #c2c2c2; padding: 25px 25px 25px 0; margin-top: 40px;}
.notloggedinarticlepromoimg {float: left; margin-right: 10px; margin-bottom: 50px;}
  
/* -------------------------------- 
Topic Page Styles
-------------------------------- */
section.topicindex .unprotectedstorybody a, section.search_results .unprotectedstorybody a {font-size:110%; display:block; line-height:21px; color: #ad1f24; xcolor:#287b28; xcolor:#009900; font-family: 'Archivo Narrow', sans-serif;}
.topicheader {border-bottom:1px dashed #ad1f25; margin-bottom:15px;}
.topicsubheads {font-size:70%; color:#cc9933;}
.topicindex .topstory {margin-right:20px; float:left;}
.topicindex .topstory img {border:1px solid #ccc; max-height:300px;}
.topicindex .topresource {margin-right:20px; float:left;}
.topicindex .topresource img {border:1px solid #ccc; max-height:300px;}
.topicindex .topblog {float:left;}
x.topicdeck {font-size: 90%; display: block; line-height: 18px;} 
.topicdeck {display:block; line-height:20px; color:#666; font-family: 'Archivo Narrow', sans-serif; }
x.topictitle {display: block; line-height: 20px; margin-bottom:8px;} 
.topictitle {font-family: 'Archivo Narrow', sans-serif; xfont-weight:bold; font-size:150% !important; line-height:30px;}
.topicblogtitle a {font-family: 'Georgia', serif !important; font-style:italic; font-size:150% !important; line-height:28px !important;}

.blogrolltitle a {font-size:130% !important; margin-bottom:10px;}

.paginate a {font-size:100% !important; margin-bottom:0px !important; line-height:0px !important; display:inline !important;}
   
.topicindex h2 {} 

.all-topics li {list-style-type:none;}
ul.all-topics {padding-left:0px;}

.cattitlediv {float:left;}
.contextualdiv {float:left; padding-top:56px;}
.contextualdiv img {width:400px; margin-bottom:8px;}
.contextualpresented {font-size:80%; color:#c2c2c2; margin-bottom:-2px;}

/* -------------------------------- 
Home Page Styles
-------------------------------- */
.homeleftcol {float:left; padding-right:15px; min-height:250px;}
.homemiddlecol {float:left; min-height:250px;}
.homeadunit {width:315px; float:left; padding-left:15px;}
.col-md-12.homecol12 {margin-top:15px; margin-bottom:30px;}
.homesectiontitle {margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ad1f24; font-size:80%; font-family: 'Archivo Narrow', sans-serif; color:#999;}
.homedecks {display:block; line-height:20px; color:#666; font-family: 'Archivo Narrow', sans-serif; }
.homedeckssm {font-size:90%; display:block; line-height:20px; color:#666; font-family: 'Archivo Narrow', sans-serif; }
section.homeindex a {font-size:110%; display:block; line-height:21px; xcolor:#287b28; xcolor:#009900; color:#ad1f24; font-family: 'Archivo Narrow', sans-serif;}
#tabimg {margin-right:10px; margin-bottom:10px;}
#blogword {font-size:150%; xcolor:#256c25; xcolor:#058605; color:#ad1f24; font-weight:bold; letter-spacing:0px;}
#homeheadshot {margin:0 5px 5px 0; border:1px solid #ccc;}
.homenewsletter {background-color:#eee; border:1px solid #ddd; min-height:73px; padding:15px; padding-top:18px; border-radius:6px;}
.newsletterword {font-size:120%; xcolor:#287b28; xcolor:#5cb85c; color:#ad1f24;}
.magazinediv {position: relative; background-color: #eef0ef; xbackground-color:#256c25; xbackground-color:#058605; padding:15px; padding-top: 40px;}
.goldword, .magazinediv a {color:#eed485;}
.magazinediv.goldword, .magazinediv a {color: #5a5353;}
#resourceimg {padding-right:8px; padding-bottom:8px;}
.resourcediv {background-color:#eee; padding:15px;}
#newsletterhomediv {text-align:right;}
.homeblogtitle a{font-family: 'Georgia', serif !important; font-style:italic; font-size:150% !important; line-height:28px !important;}
.hometoptitle {font-family: 'Archivo Narrow', sans-serif; xfont-weight:bold; font-size:150% !important; line-height:30px;}
.truncate {width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.editorpicktitle {font-family: 'Archivo Narrow', sans-serif; font-size:115% !important; line-height:25px;}
.hometextoverflow a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.plusflag, .plusflag80, .plusflag70 {margin-right: 5px !important; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 2px; width: 55px; vertical-align: top !important;}
.plusflag80 {width: 80px;}
.plusflag70 {width: 70px;}
.homedecks.newslettertext {font-size:90%;}

.home-left {}
.home-right {}
section.promotedposts {margin-top:-10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,ffffff+43 */
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 43%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 43%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #efefef 0%,#ffffff 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.promoted-post {display: flex;align-items:flex-start;}
.promoted-post .pp-image {float:left; opacity:.7; line-height:110%; margin:0; width:24px;}
.promoted-post .pp-image img {width:18px; opacity:.7;}
.promoted-post .pp-content {flex:1; padding:0 2px 0 0; float:left; line-height:110%; margin-bottom:6px;}
.promoted-post .pp-content:hover {color:#CC6666; text-decoration:underline;}
.pp-content:hover {color:#CC6666 !important; text-decoration:underline;}
div.pp-cover {float:left; margin:0 14px 10px 0;-webkit-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);-moz-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);}
div.pp-cover img {width:112px; height:auto;}

section.editorpickcontainer {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3e6e5+0,ffffff+14 */
background: #e3e6e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e3e6e5 0%, #ffffff 14%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e3e6e5 0%,#ffffff 14%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e3e6e5 0%,#ffffff 14%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e6e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

 
/* -------------------------------- 
Mag Archive Styles
-------------------------------- */
section.magarchive ul {margin-left:30px;}

/* -------------------------------- 
Ad Styles
-------------------------------- */
.leaderboard2 img {max-width:970px; max-height:90px; xwidth:100%; height:auto;}
.leaderboard2 .top iframe {max-width:970px; max-height:90px; xwidth:100%; height:auto; margin: 0 auto; padding-bottom:0px; margin-bottom:0;}
.leaderboard .row {margin-bottom: -6px;}
.leaderboard img {margin-bottom: 6px;}
.leaderboard {margin-top:28px !important;}
#top-jumbo {background-color: #fff;height:auto;min-height:0px;}
#scmr_640_Top {width: 100% !important; height:700px !important; margin: 0 auto; padding-right:20px;}
#scmr_640_Top iframe {width:100% !important;}
#scmr_970_Top iframe {text-align:center; border: 1px solid #F00;}
#top-jumbo .row {margin: 0px !important;}
nav {margin-bottom: 0px;}
/* section.leaderboard {margin-top: 30px;} */


/* -------------------------------- 
Buyers Guide Styles
-------------------------------- */
.buyersguideindex h2 {margin-top:0px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ad1f25;}
#bgnav {margin-left:0px !important; width:100% !important; padding-right:30px !important; font-size:16px !important;}
#bgnav a {padding: 6px 16px 8px 16px !important; padding: 4px 8px 5px 8px; color: #888; margin-left: 0px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left;
margin: 0px 4px 4px 0px; background-color: #eee;}
.buyersguideinfo {width:100% !important; font-size:16px !important; line-height:15pt !important;}
.bglisting {margin-left:0px !important; width:100% !important;}
#bginfosection {padding-left:0px !important;}
.line1 {margin-top: 6px; margin-bottom: 4px; border-top:1px dashed #ad1f25; xborder-top: 1px dotted #67bce8; padding-bottom:10px !important;}
.bgfeature {width:100% !important; padding: 4px 8px 5px 8px; color: #888; margin-left: 0px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin: 0px 4px 4px 0px;
background-color: #eee; min-height: 160px; min-width: 586px;}
#bglistinglogo {float:right !important; margin-right:4px; padding:22px; width:210px !important; margin-left:6px; margin-top:8px; -moz-border-radius: 6px;-webkit-border-radius: 6px; background-color:#FFF;}
#bgdetailsrelated {margin-left:0px !important; width:100% !important;}
    

/* -------------------------------- 
Rightrail Styles
-------------------------------- */
.rightrail {width:315px; float:left; padding-left:15px;}
.buyersguideindex .rightrail {float:right;}
.whitepaperdiv, .webcastdiv, .magissuediv, .newsletterdiv {
width:300px;
margin-bottom:10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e3e6e5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3e6e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e6e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e3e6e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e6e5',GradientType=0 ); /* IE6-9 */
}

.whitepaperheader, .webcastheader, .magissueheader, .newsletterheader {
width:300px;
color:#fff;
font-size:110%;
padding:10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ad1f25+0,85191d+100 */
background: rgb(173,31,37); /* Old browsers */
background: -moz-linear-gradient(top, rgba(173,31,37,1) 0%, rgba(133,25,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(173,31,37,1) 0%,rgba(133,25,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(173,31,37,1) 0%,rgba(133,25,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1f25', endColorstr='#85191d',GradientType=0 ); /* IE6-9 */
}

.rrcontentdiv {margin:10px; padding-bottom:10px;}
.rrtitles {font-weight:bold; font-size:105%; display:block; line-height:125%; color:#ad1f25;}
.rrsummary {font-size:95%; display:block; line-height:130%;}

.rect img {max-width:300px;}
.homeadunit img {max-width:300px;}
section.magarchive .rightrail {width: 335px;}


/* -------------------------------- 
Footer Styles
-------------------------------- */
.footersubpromotextp {color: #fff; font-size: 23px;}
.footersubpromotext {padding-top: 45px;}
.footersubpromo {min-height: 263px; background-color: #00c0ff; background-image: url('https://scg-scmr.s3.amazonaws.com/images/computer_footer_promo_bg.jpg'); background-position: right center; background-repeat: no-repeat;}
footer {background-color:#d1d1d1; min-height:250px;}
section.editorscontainer a {font-size:110%; display:block; line-height:21px; xcolor:#287b28; xcolor:#009900; color:#ad1f24; font-family: 'Archivo Narrow', sans-serif;}


/* -------------------------------- 
Ad Styles
-------------------------------- */


/* -------------------------------- 
Header Styles
-------------------------------- */
header .social ul {
    float:right;
}

/*
header .social li:nth-child(1){float:right;}
header .social li:nth-child(2){float:right; padding-right:10px;}
header .social li:nth-child(3){float: left; clear: both; margin-top: 10px;}
*/

header .social input {height: 35px;}
header .social .btn {padding: 4px 10px;}

/*Makes header and nav sticky*/

body {
  margin: 0;
  padding-top: 120px;
}

.leaderboard {
  padding: 6px 0 6px 0;
  background-color:#ccc;
 
}

header {
  height:108px;
}

nav {
  height:42px;
}

.sticky,
.topicindex, .buyersguideindex, .search_results, .homeindex, article {
  position: relative; 
}

.sticky {
  height: 148px;
  z-index: 150;
  margin-bottom: -148px;
}

.leaderboard,
.nav-scrolled {
  xposition: fixed;
  width: 100%;
  top: 0;
}

.jumbo {width:100%; xclear:both; xbreak-after:always; xdisplay:block; xheight:auto; xheight:30px;}

.topicindex, .buyersguideindex, .search_results, .homeindex, article {
/*  padding: 165px 50px 50px;*/
    xpadding-top: 165px;
    padding-top:40px;
}

.loginsearch {float:left; width:230px;}

/* -------------------------------- 
Navigation Styles
-------------------------------- */
nav .icon-bar {
    background-color:#ffffff;
}

nav .nav-stacked>li+li {
    margin-top: 0px;
}

nav .navbar-collapse {
    padding-left: 0;
}

nav .navbar-nav>li>a {
    font-size:18px;
/*    line-height: 17px;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

nav .popover-content a {
    font-size:16px;
    line-height: 16px;
}

nav .nav-tabs {
    border-bottom: 0;
}

.navbar-nav >li {
   margin-bottom: 0; 
}

.nav-tabs>li>a {
    border-radius: 0;
    margin-right: 0;
}

nav ul.dropdown-menu {
    color: #333;
    padding: 10px;
    z-index: 2000;
}

nav .unternav {
    position: relative;
}

nav .unternav img {
    -webkit-box-shadow: 4px 5px 4px -2px rgba(150,150,150,0.6);
    -moz-box-shadow: 4px 5px 4px -2px rgba(150,150,150,0.6);
    box-shadow: 4px 5px 4px -2px rgba(150,150,150,0.6);
    border: 1px solid #DDD;   
}

nav .unternav span {
    display: block;
}

nav .unternav .text_link {
    margin:10px 0;
    color:#058605;
    display: block;
}

nav .popover {
    border-radius: 0px;
    border:0;
    padding: 0px; 
    max-width: none;
}

nav .popover-title ul {
    list-style: none;
    border-bottom: 1px solid #acacac; 
}

nav .popover-title li {
    display:inline;
    margin: 0 20px 0 0;
    font-size: 16px;
}

nav .popover-title li:last-child {
    margin: 0;
}

nav .popover-title a {
    color:#0f780f;
    /*text-decoration: none;*/
}

nav .popover-content .title {
    margin-bottom:5px;
    color: #666666;
}

nav .popover-content {
    padding: 14px;
}

nav .popover-content .news a {
    display: inline-block;
    color:#058605;
    margin-bottom: 10px;
}

nav .popover-content p {
    line-height: 16px;
}

nav .top_story p, nav .latest_resource p {
    color: #333;
}

nav .news {
    border-left: 1px solid #ebebeb;
}

nav .news img {
    float:left;
    margin:0 10px 10px 0;
}

nav .latest_resource img {
    margin-bottom:10px;
}

nav .news ul {
    list-style: none;
    padding-left: 0;
}

/*.hidden {
    display:none;
}*/

/* -------------------------------- 
Article Styles
-------------------------------- */
.wide_image {
    margin-top: 20px;
    max-width: 100%; 
    max-height: 420px;
}

/* -------------------------------- 
Search Results Page Styles
-------------------------------- */
.search_results_bar {
    /*padding-right: 50px;*/
    margin-top: 32px;
}

.search_results_bar .search_box {
    height: 52px;
}
.search_results_bar .search_within_cat {
    width:200px;
    margin-right: 10px;
    display: inline;
}
.search_results_bar .input-group-btn button{
    padding: 12.5px;
}

.search_results select {
    margin-top: 15px;
}

.search_results h2 {
    margin-bottom: 50px;
}

.search_results .paginate {
    position: absolute;
    bottom: 10px;
}

.search_results img, .blogroll img {
    float: left;
    margin: 8px 15px 8px 0;
}


/*
.paper img {
    height: 186px;
    object-fit: cover;
}
*/


/* -------------------------------- 
Footer Styles
-------------------------------- */

footer {
    color: #666666;
    background-color:#d1d1d1;
    line-height: 15px;
    min-height:250px;
    padding-top: 40px;
    padding-bottom: 40px;
}

footer h6 {
    margin-top: 0px;
}

footer ul{
    list-style: none;
    padding: 0;
}
footer li {
    margin-top:8px;
}
footer a {
    color:#ad1f24;
    xcolor:#287b28;
    xcolor:#009900;
    font-size: 17px;
    line-height: 19px;
}

footer p {
    margin-top:10px;
    margin-bottom:10px;
}

footer .footercontent {
    margin-bottom: 90px;
}
footer .column_1 {
    width: 175px;
}
footer .column_2 {
    /*width: 275px;*/
}

footer .column_2 img, footer .column_3 img {
    margin: 0 15px 15px 0;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.05);
}

footer .column_2:after, footer .column_3:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
} 

footer .column_1, footer .column_2, footer .column_3, footer .column_4 {
    margin-bottom: 40px;
}

footer .column_1 a:link, footer .column_2 > a:first-child, footer .column_3 > a:first-child, footer .column_4 > a:first-child {
    display: block;
}

.lm_cover, .mmh_cover, .sc_cover, .mh_cover {
  background-image: url('https://scg-LM.s3.amazonaws.com/images/lm_footer_covers.png');
  background-repeat: no-repeat;
  height: 95px;
  width: 73px;
  display: inline-block;
  margin-top: 0;
}

.lm_cover {
  background-position: 0 0;
}

.mmh_cover {
  background-position: -75px 0;
}

.sc_cover {
  background-position: -151px 0;
}

.mh_cover {
  background-position: -225px 0;
}

/*footer .column_4 ul a{
    font-size: 18px;
}*/


/*************** Archive page styles ******************/

#topicbox {float:left; margin:4px 12px 4px 0px; width:260px; min-height:120px; max-height:200px; height:auto; overflow:hidden; border:1px solid #eee;}
#topicbox:hover {border:1px solid #369;}
#topicbox img {margin-top:0px; height:auto; width:260px; border:1px solid #eee;}
#topicbox a img, #topicbox a:hover img {}
#archivebox {float:left; margin:6px 12px 4px 0px; padding:4px 0 0 0; width:52px; min-height:50px; font-size:32px; xcolor:#85191d; color:#ad1f25; text-align:right;}
#archiveboxright {float:left; display:block; width:520px; font-size:11pt; line-height:13pt;}
#archivetitle {font-size:14pt; line-height:15pt;}
#archiveline {height:1px; margin:-2px 0 14px 0; border-bottom:1px dotted #994d26;}

.plus-div-stylings {xbackground-color: #ffffdd; xborder: 1px solid #ffe88c; border: 1px solid #ddd; xmargin: 6px 10px 16px 2px; padding: 0px 0px 5px 8px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.plus-div-stylings2 {background-color: #eeeeee; border: 1px solid #dddddd; margin: 6px 10px 16px 2px; padding: 9px 0px 9px 11px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.plus-div-stylings h3 {margin:8px 8px 0px 0px; padding:6px 0px 6px 8px; xbackground-color:#eeeecc; background-color: #ddd;}
*:focus {outline: 0;}
#accordion .break {height:1px; margin:0; padding:0;}
#accordion .pad4 {height:4px; margin:0; padding:0;}
#accordion .pad6 {height:6px; margin:0; padding:0;}
#accordion h3:hover {cursor:pointer;}
#accordion h3 {margin:8px 8px 0px 0px; padding:6px 0px 6px 8px; xbackground-color:#eeeecc; background-color: #ddd;}
#accordion .action {padding:10px 0px 6px 6px; xbackground-color:#FFF;}
#accordion .coverbox {width:96px; margin-right:4px; float:left; height:172px;}
#accordion .covertitle {height:36px; width:90px;}

#plus-div .submit-button {padding:4px 10px 2px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
-moz-box-shadow: 2px 2px 4px #bab096; -webkit-box-shadow: 2px 2px 4px #bab096; box-shadow: 2px 2px 2px #bab096; border:0px;}
#plus-div .submit-button:hover {background-color:#f6c20d; color:#000;}
#plus-div .submit-button:active {background-color:#990000; color:#FFF;}

.sticky {position: fixed; width:100%; top:0px;}

.archiveimgdiv {float: right; margin: 0 10px 10px 20px; width: 250px;}

/* -------------------------------- 
Peerless default media queries
-------------------------------- */
/* Nav Scroll Fix */
@media (max-width:700px) {
.sticky {position: absolute;}
}

@media (max-width:970px) {
.leaderboard2 img {width:100%;}
.leaderboard2 .top iframe {xwidth:100%; margin: 0 auto;}
}

/* Extra Small */
@media (min-width:300px) and (max-width:767px) {
.storybody, .abstract, .unprotectedstorybody {width:100%; font-size:15px;}
section.homeindex, section.magarchive .storybody, section.editorscontainer {font-size:15px;}
.rightrail {width:320px; padding:0px;}
.innerRR {width:150px;}
.socialbuttons ul li {margin-right:3px;}
.storybody iframe {width:100%; height:auto; min-height:160px;}
.webcastarticlepromo {width:185px;}
.topicindex .topstory {width:320px;}
.topicindex .topresource, .topicindex .topblog {width:320px;}
.buyersguideindex. storybody {min-height:100px;}
#bglistinginfo {width:320px !important;}
#bglistinglogo {float:left !important; margin-left:0px !important; margin-bottom:8px !important;} 
.bgfeature {min-width:0px !important;}
.homeleftcol {width:320px;}
.homemiddlecol {width:320px;}
.homeadunit {float:none; padding-left:0px;}
.hometabs li a {padding:10px 4px;}
.newsletterword {font-size:110%; padding-top:5px; display:block; margin-bottom:5px;}
#newsletterhomediv {text-align:left; margin-top:5px;}
.homenewsletter {padding:0px; height:195px;}
.btn.btn-success.homenewsbutton {display:block; margin-top:5px;}
.form-group {margin-bottom:5px;}
.cattitlediv {width:320px;}
.contextualdiv {width:320px; padding-top:10px; margin-bottom:20px;}
.contextualdiv img {width:320px;}
.logo img {width:75%; height:auto;}
.hometextoverflow a {max-width:320px;}
.topictopimg {height:250px; width:300px;}
#jumbo img {width:100%; max-width:600px; height:auto;}
body {padding-top: 140px;}     
x.sticky {width: 100%; position: relative; top: 0;}    
.leaderboard, .nav-scrolled {position: relative; top:-20px;}    
x.logo img {margin: 0 auto; width: 45%;}      
.nav-tabs>li>a {margin-right: 0;}
.navbar-collapse .nav-tabs {border-bottom: 0; margin-bottom: 1px;}
nav .navbar-toggle {margin-top: 2px; margin-bottom: 2px;}    
nav .navbar-nav>li>a {padding-top: 15px; padding-bottom: 15px;}    
nav #scmr-navbar-collapse {padding-left: 30px; padding-right: 30px; background-color: #333;}    
.nav-stacked>li {box-shadow: 0 1px 0 rgba(255,255,255,.1);}    
nav .dropdown-menu {border-radius: 0px;}    
nav form {margin-top: 15px; margin-bottom: 15px;}    
nav .form-control {height: 37px;}    
nav .btn {padding: 5px 12px;}
nav ul.dropdown-menu {background-color: #888 !important;}    
.search_results_bar .search_within_cat {width: 157px; margin-right: 5px;}   
.topicindex, .buyersguideindex, .search_results, .homeindex, article {padding-top:20px;}   
.leaderboard {xbackground-color:#fff; padding:12px 0 12px 0;}
.calloutleft, .calloutright {float: none; margin: 10px 0; width: 100%;}    
.sideright, .sideleft {float: none; margin:20px 0; max-width:100%; border-left: 0px; border-right: 0px; border-top: 7px solid #e3e3e3; border-bottom: 7px solid #e3e3e3; }
.title-overline {font-size:8pt;}
.loginsearch {float: none; width: 0;}
.plusflag80 {width: 75px;}
.plusflag70 {width: 65px;}
.footersubpromotextp {font-size: 20px;}
.footersubpromotext {padding-top: 30px; xpadding-right: 55%;}
.footersubpromo {background-position: 80% 0%;}
.homenewsletter {margin-bottom: 65px;}
.homenewsletter input#email {margin-bottom: 5px;} 
img.archiveimgdiv {width: 150px;}
#archiveboxright {width: 100%;}
.plus-div-stylings {margin-top: 50px;}
.abstract {margin-bottom: 50px;}
.ub-emb-container {display:none;}
}

/* Small */
@media (min-width:768px) and (max-width:991px) {
.storybody, .abstract, .unprotectedstorybody {width:735px; font-size:18px; padding-right:15px;}
section.magarchive .unprotectedstorybody {width: 715px;}
section.homeindex, section.magarchive .storybody, section.editorscontainer {font-size:18px;}
section.leaderboard {margin-top: 26px;}
.innerRR {width:280px; margin-right:0px;}
.rightrail {padding:0px;}
.storybody iframe {width:100%; height:auto; min-height:350px;}
.webcastarticlepromo {width:455px;}
.topicindex .topstory {width:450px;}
.topicindex .topresource {width:250px; margin-right:0px;}
.buyersguideindex. storybody {min-height:100px;}
.homeleftcol {width:400px;}
.homemiddlecol {width:320px;}
.homeadunit {float:none;}
.hometabs li a {padding:10px 4px;}
.newsletterword {font-size:100%; padding-top:10px;}
#newsletterhomediv {text-align:left; margin-top:5px;}
.homenewsletter {padding-top:0px; padding:5px; margin-bottom: 65px;}
#newsletterhomefield {padding-top:13px;} 
.cattitlediv {width:370px;}
.contextualdiv {width:350px;}
.contextualdiv img {width:350px;}
.contextualpresented {padding-left: 70px;}
.social {width:380px;}
.social form {width:200px;}
.hometextoverflow a {max-width:320px;}
.topictopimg {height:300px; width:450px;}
.topicnavimg {height:185px; width:275px;}
.xnav>li>a {padding-left:11px; padding-right:11px;}
nav {height: 38px;}    
nav .navbar-nav>li>a, nav .popover-content .top_story a, nav .popover-content .latest_resource a {font-size: 16px; line-height: 16px;}
nav .popover-title li {margin: 0 25px 0 0; font-size: 14px;}
header .social form {width: 200px;}    
footer .column_1 {width: auto;}
.jumbo {margin-top:-4px;} 
x.nav>li>a {padding-left:8px; padding-right:8px !important;}
xnav .navbar-nav>li>a {font-size:16px !important;}
nav .navbar-nav {font-size:16px !important;}
.title-overline {font-size:8pt;}
.headersocial {width: 390px;}
.logo {width: 270px;}
.logo img {width: 270px;}
nav .navbar-nav>li>a {font-size: 14px;}
.navbar-collapse .nav>li>a {padding: 10px 11px;}
.loginname {width: 120px;}
.footersubpromotextp {font-size: 20px;}
.footersubpromotext {padding-top: 30px; padding-right: 65%;}
.footersubpromo {background-position: 80% 0%;}
.homedecks.newslettertext {font-size:80%; line-height: 16px;}
.abstract {margin-bottom: 50px;}

}

/* Medium */
@media (min-width:992px) and (max-width:1199px) {
.storybody, .abstract, .unprotectedstorybody {width:625px; font-size:16px;}
section.magarchive .unprotectedstorybody {width: 605px;}
section.homeindex, section.magarchive .storybody, section.editorscontainer {font-size:16px;}
.innerRR {width:280px;}
.storybody iframe {width:100%; height:auto; min-height:380px; margin-top:10px; margin-bottom:10px;}
.webcastarticlepromo {width:315px;}
.topicindex .topstory {width:380px;}
.topicindex .topresource {width:205px;}
.buyersguideindex. storybody {width:625px; min-height:100px;}
.homeleftcol {width:350px;}
.homemiddlecol {width:275px;}
.hometabs li a {padding:9px 3px;}
.newsletterword {font-size:100%; padding-top:10px;}
#newsletterhomediv {text-align:left; margin-top:5px;}
.cattitlediv {width:540px;}
.contextualdiv {width:400px;}
.contextualpresented {padding-left:30px;}
.magsubheader {margin-left:40px;}
.hometextoverflow a {max-width:275px;}
.homedeckssm {line-height:18px;}
.editorpicktitle {line-height:21px;}
.topictopimg {height:270px; width:380px;}
.topicnavimg {height:168px; width:375px;}
nav {height: 42px;}
.magsubheader span {right: -8px; position: absolute;}
.headersocial {width: 390px;}
.logo {width: 290px;}
.logo img {width: 290px;}
.social {width: 600px;}
nav .navbar-nav>li>a {font-size: 16px;}
.plusflag80 {width: 75px;}
.plusflag70 {width: 65px;}
.footersubpromo {background-position: 70% 0%;}
.homenewsletter {margin-bottom: 20px;}
.home-left {width:340px; margin-right:0px; padding-right:0px;}
.home-right {width:592px; margin-left:24px; padding-left:0px;}
}

/* Large */
@media (min-width:1200px) and (max-width:1699px) {
.storybody, .abstract, .unprotectedstorybody {width:825px; font-size:18px;}
section.magarchive .unprotectedstorybody {width: 805px;}
section.homeindex, section.magarchive .storybody, section.editorscontainer {font-size:18px;}
.innerRR {width:330px;}
.storybody iframe {width:100%; height:auto; min-height:400px; margin-top:10px; margin-bottom:10px;}
.webcastarticlepromo {width:465px;}
.topicindex .topstory {width:385px;}
.topicindex .topresource, .topicindex .topblog {width:200px;}
.buyersguideindex. storybody {width:825px; min-height:100px;}
.homeleftcol {width:450px;}
.homemiddlecol {width:375px;}
.hometabs li a {padding:10px 10px;}
.cattitlediv {width:740px;}
.contextualdiv {width:400px;}
.contextualpresented {padding-left:30px;}
.hometextoverflow a {max-width:375px;}
.topstoryimg {max-height:256px;}
.topictopimg {height:262px; width:385px;}
.topicnavimg {height:185px; width:435px;}
.headersocial {width: 400px;}
nav .navbar-nav>li>a {font-size: 16px;}
.homenewsletter {margin-bottom: 20px;}
.home-left {width:440px; margin-right:0px; padding-right:0px;}
.home-right {width:708px; margin-left:24px; padding-left:0px; margin-right:-20px;}
}

/* Extra Large */
@media (min-width:1700px) {
.container {width:1540px;}
.storybody, .abstract, .unprotectedstorybody {width:1195px; font-size:18px;}
section.magarchive .unprotectedstorybody {width: 1175px;}
section.homeindex, section.magarchive .storybody, section.editorscontainer {font-size:18px;}
.innerRR {width:360px;}
.storybody iframe {width:100%; height:auto; min-height:400px; margin-top:10px; margin-bottom:10px;}
.webcastarticlepromo {width:765px;}
.topicindex .topstory {width:585px;}
.topicindex .topresource, .topicindex .topblog {width:285px;}
.buyersguideindex. storybody {width:1195px; min-height:100px;}
.homeleftcol {width:640px; padding-right:60px;}
.homemiddlecol {width:555px; padding-right:45px;}
.cattitlediv {width:1100px;}
.contextualdiv {width:400px;}
.contextualpresented {padding-left:30px;}
.hometextoverflow a{max-width:555px;}
.topstoryimg {height:300px; width:auto;}
.topictopimg {height:300px; width:585px;}
.topicnavimg {height:185px; width:425px;}
nav .popover-content {max-width: 1120px;}
nav .navbar-nav>li>a {font-size: 18px;}
.homenewsletter {margin-bottom: 20px;}

}


.blacklogo				{display:none; visibility:hidden;}
@media print {
article .socialbuttons,
article .rightrail,
article .well			{display:none !important;}

section.leaderboard,
section.jumbo,
section.editorscontainer {display:none !important;}
.innerRR a				{font-size:80%; color:#999;}
.blacklogo				{display:block !important; visibility:visible !important;}

header,
nav,
footer 					{display:none !important;}

img 					{max-width: 800px !important;}
@page 					{margin: 0.5cm !important;}
}

