@charset "utf-8";
/* CSS Document */
/*
* Add CSS for the 2 column Case Study article - 8-29-17 -GT
*
*
*
*/

.articles_featuredproduct {
	height: 105px;
	width: 280px;
	float: left;
	display: inline-block;
	margin: 32px 10px 32px 0px;
	border: 1px solid #eee;
}
.mainImgTechLrn{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	width:42%;
}
.s2afButton{
	width: 13px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-left: 2px;
}
.orangeButton .bcText a{
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
}
.orangeButton .bcText a{
	text-decoration: none !important;
}
.greyblock{
	width: 100%;
	background: #eee;
	height: 100px;
	display: inline-block;
	
	}
	
.tags{
	color: #0068b3;
	font-size: 10pt;
	padding: 13px 3px 0 8px;
	text-align: center;
	float: left;
	margin: 5px 0;
	text-decoration: none;
	text-transform:capitalize;
}


.a{ text-decoration: none; border:none}
.a:visited{ text-decoration: none; border:none}
.a:active{ text-decoration: none; border:none}

.imspotlight{
	width: 100%;
	margin: 5px 0;
	padding: 0;	
	border: 1px solid #eee;
	
}

.techleftcol{
	width: 50%;
	float: left;
	display: inline-block;	
}


.techrefspotlight1{
	padding: 0 20px 0 0;
	margin: 5px 10px 0 0;
	/*border: #d9d9d9 thin solid;*/
	display: inline-block;
	padding-bottom: 23px;
	border-bottom: 1px #ccc dashed;
	}
	
.techrefspotlight1_img{
	margin: 8px 0 8px 5px;
	display: inline-block;
	/*outline: 5px solid #fff;*/ 
	float: right;
	width: 97%;
}

.techrefspotlight1_img:hover{
	/*outline: 5px solid #006baf;*/
}


.techrefspotlight1_title{
	color:#006baf;
	font-size: 16pt;
	margin:15px 0px 0px 0px;
	padding: 5px;
	display:inline-block;
	letter-spacing: -1px;
	font-weight: bold;
}

.techrefspotlight1_title:hover{
	text-decoration: underline;
}


.techrefspotlight1_snnipet{
	color: #5c5c5c;
	font-size: 10pt;
	padding:5px;
	cursor:default;
	display:inline-block;
	width: 100%;
}

.techrefspotlight1_button{
	color: #878787;
	font-size: 10pt;
	margin: 5px;
	padding: 5px;
	display:inline-block;
	float: left;
	text-decoration: none;
}

.techrefspotlight2{
	padding: 0 0 0 20px;
	margin: 20px 5px;
	display: inline-block;
	border-left: 1px #ccc dashed;
	}
	
.techrefspotlight2_title{
	color:#006baf;
	font-size: 14pt;
	margin: 5px;
	padding:5px;
	display:inline-block;
	float: left;
}

.techrefspotlight2_snnipet{
	color: #5c5c5c;
	font-size: 10pt;
	margin: 0 5px;
	padding:0 5px;
	cursor:default;
	display:inline-block;
	float: left;
}


.techrefspotlight3{
	width: 90%;
	padding: 0 0 0 20px;
	margin: 0px 5px;
	display: inline-block;
	border-left: 1px #ccc dashed;
	}
	
.techrefspotlight3_title{
	color:#006baf;
	font-size: 9pt;
	margin: 10px 5px;
	padding:5px;
	display:inline-block;
	float: left;
}


.tech-lib-header-block{
	float: left; 
	margin: 10px 0; 
	float: left; 
	padding-bottom: 10px;
	width: 100%;
	
}

.techlib-header{
	background: url(/universal/wwwcore/images/omega-bug-30x30.png) no-repeat left;
	padding: 10px 15px 10px 45px;
	font-size: 18pt;
	font-weight: bold;
	font-family: helvetica, verdana, arial, sans serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-decoration: none;
	color: #878787;
	float: left;
	border-bottom: 1px #006baf dashed;
}

.formsearchtech{
	float: right;
	display: inline-block;
	margin: 0;
	padding-top: 13px;	
	
}

.featuredarticles{
	margin: 5px 0 -5px 0;
	padding: 5px 0 4px 30px;
	font-size: 9pt;
	letter-spacing: 2px;
	color: #f68b1f;	
	background: url(/universal/wwwcore/images/star_techref.png) no-repeat left;

}

.mostrecentarticles{
	margin: 5px 0 0 0;
	padding: 5px 0 4px 30px;
	font-size: 9pt;
	letter-spacing: 2px;
	color: #878787;	
	background: url(/universal/wwwcore/images/clock.png) no-repeat left;
}

.relatedtagsheading{
	background: url(/universal/wwwcore/images/tags.png) no-repeat left;
	float: left;
	margin: 20px 0 0 0;
	padding: 0px 5px 0 30px;
	font-size: 9pt;
	color: #878787;
	letter-spacing: 2px;
	text-transform: uppercase;
	
}

.relatedtags {
	padding-bottom: 18px;
	padding=top: 13px;
	width: 98%;
	float: left;
	min-height: 30px;
	margin: 0 0 15px 0;
	padding-left: 15px;
	
}

.articlepageTitle{
	color:#006baf;
	font-size: 20pt;
	margin:5px 0px 0px 0px;
	padding:0px 0px 3px 0px;
	cursor:default;
	display:inline-block;
	letter-spacing: -1px;
}

.whitepaperlink{
	padding: 5px;
	margin: 5px;
	border: 1px solid #eee;
	font-size: 10pt;
	color: #878787;
	font-weight: bold;
	text-decoration: none;
	float: left;
	display: inline-block;
	background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 46%,#f2f2f2 99%)
		
	
}
table.techLrnTableSm{
	float:left;
	margin:10px 0px;
	text-align:center;
	border:1px solid #CCC;
}
.techLrnTableSm td{
	padding: 5px 25px;
}
.techLrnTableSm tr:nth-child(odd){
	background-color:#EAEAEA;
}
.techLrnHeading{
	background-color: #006baf !important;
	color: #fff;
}
table.techLrnTableLg{
	font-size:8pt;
	float:left;
	text-align:center;
	border:1px solid #CCC;
	width:100%;
}
.techLrnTableLg td{
	padding: 5px 25px;
}
.techLrnTableLg tr:nth-child(odd){
	background-color:#EAEAEA;
}
.techTableWrap{
	width:100%;
}
ul.text li{
	padding:2px 0px;
}
ul.text{
	margin-top:10px !important;
}
.sectionWrapLeft{
	clear: none;
	width: 80%;
	float: left;
}

.wrapper {
}

.wrapper > * {
  padding: 10px;
}


.wrapper p{
  padding-top: 1em;
  padding-bottom: 1em;
}


.wrapper .subhead {
    color:#006baf;
    font-size: 16px;
    font-style: italic;
}

.wrapper article p:first-child{
    padding-top:0;
}

.wrapper section{
    margin-bottom:20px;
}

.wrapper section:last-child{
margin-bottom:0px;
}

.wrapper .aside h2{
    padding: 0;
    margin: 10px 0 0;
    color: #006baf;
    font-size: 10pt;
}

.wrapper .aside p{
    margin:0;
    padding: 0;
}

.wrapper .main {
  float:right;
  width:65%;
}

.wrapper .aside-1 {
  width:30%;
}

.wrapper .aside img{
	width:100%;
	height: auto;
	border:solid 1px #e1e1e1
}

.wrapper .aside ul{
    -webkit-padding-start: 15px;
}
.pi_h1 {
    font-weight: 100;
    font-size: 14px;
    font-style: italic;
    width:auto;
    padding: 0 0 10px;
    margin: 5px 0 0;
    color: #646464;
    border-bottom: 4px solid #0068b3;
    letter-spacing: normal;
} 

.pi_h2 {
    font-weight: 100;
    font-size: 14px;
    font-style: italic;
    padding: 0 0 10px;
    margin: 5px 0 0;
    color: #646464;
    border-bottom: 4px solid #0068b3;
    letter-spacing: normal
}

.pi_top,.pi_top_menu {
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 97%
}

.pi_top {
    font: Verdana,Geneva,sans-serif;
    font-weight: 100;
    font-size: 16px;
    font-style: italic;
    padding: 0 0 0 15px;
    margin: 8px 0 10px 5px;
    color: ##646464
}
.wrapper .case-footer .result_stats{
  background: #f8f8f8;
  color:#0068b3;
  float:left;
  padding-bottom: 1em;
}


.result-1, .result-2, .result-3{
  float:left;
  padding:0px 20px;
}

.statNum {
    float: left;
    width: 40%;
    vertical-align: middle;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    font-family: Vergana, Geneva, sans-serif;
    line-height: 50px;
}

.stat{
float:left;
width:60%;
}

.btn{
font-size:14px;
padding:10px;
text-transform:uppercase;
}
@media screen and (max-width: 800px){
	.sectionWrapLeft{
		clear: none;
		width: 100%;
		float: left;
	}

	.wrapper .main {
  float:none;
  width:90%;
}

.wrapper .aside-1 {
width:90%;
}
  .result-1, .result-2, .result-3{
  float:left;
  width:90%;
  margin: 20px 1.5%;
}

}
@media screen and (max-width: 460px) {
	.searchImagescat{
		height:35px;
		width:35px;
		float: left;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.searchImagescat:hover{
		height:35px;
		width:35px;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.searchboxcat{
		border: 1px solid #eee;
		background: #f9f9f9;
	}
	.category_search{
		width: 200px;
		margin-top: 10px;
		text-align: left;
		padding-left: 10px;
	}
	.searchboxcat{
		width: 100%;
		margin: 2px 0;
	}
	.articles_featuredproduct{
		width: 100%;
	}
	.relatedtags{
		display:none;
	}
	.contentBlock{
		display:none;
	}
	.prodInfoLinksWrap{
		display:none;
	}
}
@media (max-width: 700px) {
	.techTableWrap{
		width:auto;
		overflow-x:scroll;
		overflow-y:hidden;
		border: 3px solid #fff;
		-webkit-box-shadow: 0 0 1px 1px #C9C9C9;
		box-shadow: 0 0 1px 1px #C9C9C9;
	}
	table.techLrnTableLg{
		width:823px;
	}
	table.techLrnTableLg{
		margin:0px 0px;
	}
}
@media (max-width: 500px) {
	.techleftcol{
		width: 100%;
	}
	
	.mostrecentarticles{
		margin: 10px 0 0 0;	
	}
	
	.relatedtagsheading{
	float: none;
	margin: 20px 0 0 0;	
		
	}

	.relatedtags{
	margin: 20px 0 0 0;	
		
	}
	
	.articles_featuredproduct{
   margin: 10px 0;
  }

	

}
.techPubDate{
	font-size: 8pt;
	color: #888;
	display: inline-block;
	margin-left: 15px;
}
.techLrnSpotlight1_img{
	display: inline-block;
	outline: 5px solid #fff;
	float: right;
	width: 42%;
}
.techLrnSpotlight1_imgMobile{
	display:none;
}
.techLrnSpotlightInnerWrap{
	width:55%;
	display:inline-block;
}
	@media screen and (max-width: 667px){
		.techLrnSpotlight1_img{
			display:none;
		}
		.techLrnSpotlight1_imgMobile{
			display:inline;
			float:right;
			width:40%;
			margin-left:5px;
		}
		.techLrnSpotlightInnerWrap{
			width:100%;
			display:inline-block;
		}
		.techrefspotlight1{
			padding: 0;
		}
	}
.techLrnSpotlight_title{
	color: #006baf;
	font-size: 16pt;
	margin: 15px 0px 0px 0px;
	padding: 5px;
	display: inline-block;
	letter-spacing: -1px;
	font-weight: bold;
	margin-left: 10px;
	text-decoration: none;
	margin-top: 5px;
}
.techLrnSpotlight_snnipet{
	color: #5c5c5c;
	font-size: 10pt;
	padding: 5px;
	cursor: default;
	display: inline-block;
	margin-left: 10px;
}
.techLrnSpotlight_button{
	color: #878787;
	font-size: 10pt;
	margin: 5px;
	padding: 5px;
	display: inline-block;
	float: left;
	text-decoration: none;
	margin-left: 10px;
	text-align: left;
}
.techLrnSpotlightWrap{
	margin: 5px 0 0 0;
	display: inline-block;
	padding-bottom: 23px;
	border-bottom: 1px #ccc dashed;
	margin-top: 20px;
	width: 100%;
}
@media print {
	.articles_featuredproduct{
		display:none;
	}
	.relatedtags{
		display:none;
	}
	.dontPrint{
		display:none;
	}
	.pageId{
		display:none !important;
	}
	.text{
		font-size:13pt;
	}
	.pi_h2{
		font-size:16pt;
	}
	.dontPrint{display:none !important;}
	.sectionWrapLeft{width:100% !important;}
}
/* MODAL */
.modalExitWrap{
	width: 100%;
	overflow:hidden;
}

#exitpopup h1 {
  margin-top:0px;
  padding-top:0px;
}
.tech-modal-content{
	font-family: Verdana,Geneva,sans-serif;
	position: relative;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 12px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
	overflow: hidden;
	margin: 20px 20px 0;
}
.tech-modal-spotlight{
	padding: 0;
	margin: 5px 10px 0 10px;
	display: inline-block;
	padding-bottom: 23px;
	border-bottom: 1px #ccc dashed;
}
.tech-modal-spotlight_title{
	color: #006baf;
	font-size: 16pt;
	margin: 15px 0px 0px 0px;
	padding: 5px;
	display: inline-block;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 18pt;
}
.tech-modal-spotlight_snnipet{
	color: #5c5c5c;
	font-size: 10pt;
	padding: 5px;
	cursor: default;
	display: inline-block;
	width: 100%;
}
.tech-modal-spotlight_img{
	float: right;
	width: 40%;
	margin: 0 0 0 5px;
	cursor: pointer;
	display: inline-block;
}
.tech-modal-spotlight_button{
	margin: 0px;
	padding: 0px;
	float: none;
	display: inline;
	cursor: pointer;
	color: #878787;
	font-size: 10pt;
	text-decoration: none;
}
.tech-modalHead{
	background-color: #006baf;
	border: thick solid #006baf;
	padding: 10px 0;
	font-size: 18pt;
	width: 100%;
	color: #fff;
	text-align: center;
}
.tech-modalText{
	height:350px;
	overflow-y: auto;
	overflow-x: hidden;
}	
/* MODAL */