/* Store  */
.seminarsTableTop {font-size: 13px; font-weight: bold; border-bottom: 4px solid #52B500; border-right: 4px solid #52B500; }
.seminarsCategory { padding:3px 5px 3px 0; border-bottom: 1px solid #52B500;}
.seminarsTableDetail{ position:relative; }

.main_content_layer {
    position: relative;
    clear: both;
    padding-top: 9px;
    width: 100%;
    display: table;
}

.plus_tab img {
    margin: 0 3px 0 0;
    cursor:pointer;
}

.plus_tab img.emptyContent {
    cursor:default !important;
}

table.plus_table {
    position: relative;
    border-spacing: 0;
    width: 100%;
    clear: both;
}

table.plus_table td {
    vertical-align: top;
}

table.plus_table td {
    position: relative;
}

table.plus_table .info {
    position: relative;
    padding-bottom: 6px;
}

table.plus_table .info p {
    padding-left: 26px;
}

table.plus_table .plus_tab {
    background-color: #fff;
    display: block;
    float: left;
    position: relative;
    z-index: 75;
    padding: 0 0;
    line-height: 20px;
    width: auto;
    padding-right: 10px;
}

table.plus_table .popup_holder {
    position: relative;
    z-index: 100;
    height: 0;
    clear: both;
}

table.plus_table img {
    margin-left: 6px;
}

table.plus_table .title_link_td {
    font-weight: bold;
    padding: 2px 0 0 0;
}

table.plus_table .spacing {
    width: 20px;
}

.title_link {
    font-weight: bold;
    font-size: 12px;
    display: block;
    margin-bottom: 3px;
}

.title_link.active {
    color: @color-green-link-hover ;
    text-decoration: underline ;
}

.clear_h_tag{font-weight:normal;padding:0;margin:0;}

.expandedLinkListTitle {font-size: 12px; font-weight: bold; margin-bottom:6px;margin-bottom:15px; }

.resourceLinkTable { font-size: 12px; margin-bottom: 10px; }
.resourceLinkTable td { padding:5px; }

.half-width {float:left; width:49.9%; }

.related-fam-list {padding-right:5px;}

/** Teaser Layout **/
h2.tsr-ll-title { border-bottom:1px solid #E6E6E6; padding:10px 0 5px 20px;font-size:0.9em; margin-bottom:10px}
.tsr-ll-box { position:relative; width:33%; display: table-cell;}
.tsr-ll-box .content { padding:25px;}
.tsr-ll-box h3 { font-weight:normal; font-size:18px; margin:0 0 15px 0;} 
.tsr-ll-box p { line-height:1.7em; margin-bottom:30px;}
.tsr-ll-box img {padding-left:10px; max-width:264px;}
.tsr-ll-box a.learn-link { margin:10px 0 20px 0; display:block; font-size: 12px; font-weight: bold; position:absolute; bottom:0px; }
.tsr-ll {width:100%; border-collapse: collapse; display: table;}
.tsr-ll .row {vertical-align:top; display: table-row;}
.tsr-ll .top, .tsr-ll .bottom { 
     background: url(../../docroot/images/rockweb/rkwb_box_corner-h.gif) no-repeat;
     width: 104px;
     height: 1px;
     position: absolute; }
.tsr-ll .left, .tsr-ll .right{ 
     background: url(../../docroot/images/rockweb/rkwb_box_corner-v.gif) no-repeat;
     width: 1px;
     height: 104px;
     position: absolute; }
.tsr-ll .bottom { right: 0; bottom: 0; }
.tsr-ll .right { right: 0; bottom: 0; }
.tsr-ll .left { background-position:0 -104px; left: -1px; top: 0; }
.tsr-ll .top { background-position:-104px 0; left: 0; top: -1px; }
.tsr-ll .ffpad {position:relative;}

.car-ll-box { background:url(../../docroot/images/rockweb/rkwb_box_corner-v.gif) right center no-repeat; }
.car-ll-box .content { margin:15px; height:195px; overflow:hidden; position:relative;}
.car-ll-box-overflow { width:288px; height:30px; position:absolute; bottom:0px; left:0px; background:url(../../docroot/images/background/tuncate_repeat-x.png) repeat-x 0 130px;}
.car-ll-box h3 { font-weight:normal; font-size:18px; margin:0 0 15px 0;} 
.car-ll-box img {padding-left:10px;}
.car-ll-box p { line-height:1.7em; margin-bottom:10px;}
.car-ll-box a.learn-link {margin-left:15px;}
.car-ll-box a.learn-link span { font-size:15px;}

div.editorspicks_Navigation { position:absolute; top:15px; right:15px; z-index: 30000; 
                              padding: 3px 3px 3px 3px; background-color: transparent;}
div.editorspicks_Navigation .thumbNav a {
    color: #7E7E7E;
    display: inline-block;
    padding: 2px 8px;
    height: 18px;
    line-height: 19px;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    border-top: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    background: url("../../docroot/images/tabs/bg_tabs.gif") repeat-x scroll bottom left #FFFFFF;
    text-align: center;
}

.editors-ll-box {
	width: 90%!important;
    margin: 0 auto!important;
}

.editors-ll-box .content { margin:1.0rem; height:165px; overflow:hidden; position:relative;}

.editors-ll-box-overflow { 
    width:100%; height:30px; position:absolute; bottom:0px; left:0px; 
    background:#fdfdfd;
    background:linear-gradient(to bottom, rgba(253,253,253,0) 0%,rgba(255,255,255,1) 84%,rgb(253, 253, 253) 100%);
    }
.editors-ll-box .mainContentTitle, .editors-ll-box div  {
    line-height: 1.4em;
}
.editors-ll-box h3 { font-weight:bold; font-size:1.1rem; margin:0 0 0rem 0;line-height: 1.4rem;}
.editors-ll-box img {padding-left:0; width:85%;}
.editors-ll-box p { line-height:1.5em; margin-bottom:10px; font-size:1rem !important;}
.editors-ll-box a.learn-link {margin-left:15px;}
.editors-ll-box a.learn-link span { font-size:15px;}

.editors-ll-box .content .image{position:absolute; width:30%; left:0px; margin-bottom:0;}
.editors-ll-box .content .text{position:absolute; width:65%; right:0px}

/** Carousel Layout **/
.ll-slider {
    width: 318px;
    height: 265px;
    list-style: none;
    /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
    overflow-y: auto;
    overflow-x: hidden;
}

.ll-slider-container div.anythingSlider ul li {
    text-align:left;
}


/* Overall Wrapper: 26px right & left padding for the arrows */
.ll-slider-container div.anythingSlider {
    padding: 0 26px 0 27px;
    margin: 0 auto 0 0px;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-top-width: 0px;
    border-bottom-width: 0px;
    height: 265px !important;
}
.ll-slider-container.editorspicks div.anythingSlider {
    padding: 0 36px 0 37px;
}

/* anythingSlider viewport window */
.ll-slider-container div.anythingSlider .anythingWindow {
    border: none;  
    width:953px;
    height: 256px !important;
}

/* all panels inside the slider */
.anythingBase .panel {
    /*left: -20px;*/
}

.ll-slider-container {
    position: relative;
    margin:20px 0px;
    padding: 4px 0px;
    background: url("../../docroot/images/background/linklist_carousel-x.gif") repeat-x top left #ffffff;
}
.ll-slider-container.editorspicks {
	margin:0;
	height:235px;
    background: none!important;
}

.ll-slider-container .title {margin:0 0 1rem 20px;}
.ll-slider-container .title h3 {margin:1rem 0 0 0;}
.ll-slider-container .title p {margin: 0.1rem 0}


/* Carousel Navigation Arrows */
.ll-slider-container.carousel .anythingSlider .arrow {
    top: 44%;
    position: absolute;
    display: block;
    z-index: 100;
    background-image: none;
    height: 40px;
    width: 26px;
    opacity: 0;
}
/* Editor's Picks Navigation Arrows */
.ll-slider-container.editorspicks .anythingSlider .arrow {
    top: 14%;
    position: absolute;
    display: block;
    z-index: 100;
    opacity: 0.7;    
}

.ll-slider-container.carousel .anythingSlider .arrow a {
    height: 40px;
    margin: 0px;
    width: 26px;
}

/* hide text, target the span so IE7 doesn't text-indent the link */
.ll-slider-container .anythingSlider .arrow a span { display: block; visibility: hidden; }

/* carousel/slider back arrow */
.ll-slider-container.carousel .anythingSlider .back { left: -1px; background-image:none; }
.ll-slider-container.carousel .anythingSlider .back a:link, 
.ll-slider-container.carousel .anythingSlider .back a:visited, 
.ll-slider-container.carousel .anythingSlider .back a:active { background: url("../../docroot/images/background/carousel_arrow_green_L.png") no-repeat top left transparent; }
.ll-slider-container.carousel .anythingSlider .back a:hover, .ll-slider-container.carousel .anythingSlider .back a.hover { background: url("../../docroot/images/background/carousel_arrow_green_L_hover.png") no-repeat top left transparent; }
.ll-slider-container.carousel .anythingSlider .back.disabled { opacity: .7; filter:alpha(opacity=70); } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* carousel/slider forward arrow */

.ll-slider-container.carousel .anythingSlider .forward { right: -2px; background-image:none;}
.ll-slider-container.carousel .anythingSlider .forward a:link, 
.ll-slider-container.carousel .anythingSlider .forward a:visited,
.ll-slider-container.carousel .anythingSlider .forward a:active { background: url("../../docroot/images/background/carousel_arrow_green_R.png") no-repeat top right transparent; }
.ll-slider-container.carousel .anythingSlider .forward a:hover, .ll-slider-container.carousel .anythingSlider .forward a.hover {background: url("../../docroot/images/background/carousel_arrow_green_R_hover.png") no-repeat top right transparent;  }
.ll-slider-container.carousel .anythingSlider .forward.disabled { opacity: .7; filter:alpha(opacity=70); } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */


.ll-slider-container .thumbNav a span {display:none;}
.ll-slider-container.editorspicks .thumbNav a span {display:inline;}
.ll-slider-container .anythingSlider {margin:0px !important;border-left:0px !important;border-right:0px !important;}

.linklist .related-fam-list h2 {font-size:12px;font-size:1rem;}

/*bundle layout, for library templates*/
.ll-container.bundle {margin: 2rem 0;
 }

.ll-container.bundle h3 { 
    margin-bottom: 0;
}

.ll-bundle div.content:hover {
    background: #fff;
    box-shadow: 0 0 3px #888;
}

.ll-bundle div.content {
	display:inline-block;
	vertical-align:top;
	margin:.5rem 1% 1rem 1%;
    cursor: pointer;
    transition: background-color .3s ease,box-shadow .3s ease;
             width: 21%;
        padding: 0.5%;
    position: relative; 
}

.ll-bundle div.content img {
	width: 70%;
    margin-left: 0%;
    -webkit-box-shadow: 0px 5px 8px -7px rgba(0,0,0,0.92);
    -moz-box-shadow: 0px 5px 8px -7px rgba(0,0,0,0.92);
     box-shadow: 0 1px 6px -1px rgba(0,0,0,0.62);
    position: absolute;
    bottom: 4%;
}

.ll-bundle .content div.image {
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7px;
min-height: 208px;
position: relative;
}

.ll-bundle .content .text p, .ll-container .title p {font-size: 1rem;}

.main_content_layer.linklist_main_content_layer {
	display:block;
}

/* Updating old expand and collapse icons to use CSS rather than images, 01/31/2018*/
.show-hide-results{
	background-color: #2b81e7;
    border-radius: 10px;
    width: 17px;
    min-width: 17px;
    height: 17px;
    position: relative;
	margin: 12px 5px 10px 0;
    display: inline-block;
}

.show-hide-results.hide-results::before,
.show-hide-results.show-results::before{
    background-color: #fff;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    top: 7px;
    left: 3px;
    content: "";
}

.show-hide-results.hide-results::after{
    background-color: #fff;
    width: 2px;
    height: 10px;
    border-radius: 1px;
    position: absolute;
    top: 3px;
    left: 7px;
    content: "";
}

div.editorspicks_Navigation {
    display: none;
}

@media(max-width:1000px){
	.ll-container .ll-bundle div.content img { width:45%}
	}

@media (max-width: 950px){
	.ll-bundle div.content {
	    width: 27%;
	    padding: 1%;
	    margin-left: 2%;
	    margin-right: 1%;
	}
	
	.car-ll-box img{
		max-width:115px;
		height:auto;
	}
	
	.ll-slider .car-ll-box .content p{
		overflow: hidden;
	    line-height: 1.7rem;
	    height: 13.6rem;
	    padding: 0;
	    margin: 0;
	    font-size: 1rem;
	}
	
	.ll-slider .car-ll-box .content p:before {
		content:"";
		float: left;
		width: 5px; 
		height: 13.6rem;
	}
	
	.ll-slider .car-ll-box .content p span {
		float: right;
		width: 100%;
		margin-left: -5px; 
		line-height:1.7rem;
	}
	
	.ll-slider .car-ll-box .content p:after {
		content: "\02026";
		box-sizing: content-box;
		text-align: right;
		font-size:1.40rem;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		float: right; position: relative;
		top: -2rem; 
		left: 100%; 
		width: 6rem; 
		margin-left: -6rem;
		padding-right: 5px;
		background-size: 100% 100%;
		background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	}
	
}

@media (max-width: 768px){
	
	.ll-slider-container .car-ll-box h3{ 
		margin: 0 0 10px 0;
    	font-size: 16px;
	}
	
	.ll-slider-container .car-ll-box img{
		padding: 0;
    	display: block;
    	clear: both;
    	float: none;
    	margin: 0px auto;
    	max-width: 100px;
    	height: auto;
	}
	
		.ll-slider .car-ll-box .content p{
	    height: 5.1rem;
	}
	
	.ll-slider .car-ll-box .content p:before {
		height: 5.1rem;
	}
	
	.ll-slider .car-ll-box .content{
		margin:15px 10px;
	}
	
	.ll-slider .car-ll-box a.learn-link{
		margin: 0 0 0 10px;
	}
	
}

@media(max-width:670px){
    .ll-slider-container.editorspicks {
        height: 285px;
    }
 
    .ll-bundle div.content {
        width: 43%;
        padding: 1%;
        margin-left: 2%;
        margin-right: 1%;
    }
    
    .ll-bundle div.content img {
        width: 40%;
        margin-left: 23%;
    }

}

@media(max-width:600px){
	.resourceLinkTable td{
		display:block;
	}
	
	td.seminarsCategory{
		display:block;
		border-bottom:0;
		padding:3px 15px;
	}

	td.seminarsCategory input.storeButton{
		margin:0 0 15px 0;
		padding: 8px 15px;
	}

	td.seminarsCategory:first-child {
    	padding-top: 15px;
    }

    td.seminarsCategory:last-child {
    	border-bottom: 1px solid #52b500;
	}
	
	/* Font size increase per UX Mobile project, 2017.r04 */
	.tsr-ll-box a.learn-link{
		font-size:1rem;
	}
	
	.tsr-ll{ table-layout:fixed; }
	
	.tsr-ll-box img{ 
		max-width:100%;
		height:auto;
		padding:0;    
		margin: 0 0 10px 0; 
	}
	
	.tsr-ll-box .content{ padding:15px; }
	
	.tsr-ll-box h3{
		font-size: 15px;
    	line-height: normal;
	}
	
	.ll-slider .car-ll-box .content p,
	.ll-slider .car-ll-box .content p:before,
	.ll-slider .car-ll-box a.learn-link { height:3.4rem; font-size: .9rem; }
	
}

@media(max-width:480px){
	 .ll-bundle div.content img {
        width: 35%;
        margin-left: 28%;
    }
    .ll-bundle div.content {
        width: 78%;
        padding: 1%;
        margin-left: 10%;
    }
    
    .tsr-ll .row{ display:block; }
    
    .tsr-ll-box{ display: block; width: 100%; border-bottom: 1px solid #e6e6e6;}
    
    .tsr-ll tr:last-child .tsr-ll-box:last-child{ border-bottom:0px; }
    
    .tsr-ll .bottom,
    .tsr-ll .right,
    .tsr-ll .left,
    .tsr-ll .top { background: none; }
    
}

@media(max-width:400px){
	
	.ll-slider-container .car-ll-box img{ display:none; }
	
	.ll-slider .car-ll-box .content p, 
	.ll-slider .car-ll-box .content p:before{
		height:10.2rem;
	}
}

@media(max-width:350px){
        .editors-ll-box .content .image {
            display:none;
        }
        .editors-ll-box .content .text {
            width: 95%;
        }
       
}

.link_blocks .link_info {
	width: 100%;
	word-wrap: break-word;
	padding-left: .1em;
}

/*
.link_blocks .link_image, .link_blocks .link_image img {
	height: 185px;
}

.link_blocks .link_image, .link_blocks .link_image img, 
.link_blocks .link_block .drop_shadow {
	width: 300px;
}

.link_blocks .link_image img {
	-webkit-box-shadow: 0px 10px 10px -10px #666666;
  	   -moz-box-shadow: 0px 10px 10px -10px #666666;
       		box-shadow: 0px 10px 10px -10px #666666;
}
*/

.link_blocks .link_description {
	height: auto;
	width: 85%;
	font-size: 13px;
	font-size: 1.1rem;
	line-height: 1.3em;
}

.link_blocks .link_title {
	font-size: 16px;
	font-size: 1.3rem;
	font-weight: bold;
	padding-top: 10px;
	padding-top: .8333rem;
	
	padding-bottom: 10px;
	padding-bottom: .8333rem;
	
	width: 90%;
}

.link_blocks .link_description, .link_blocks .link_title {
	padding-left: 5px;
}

.link_blocks h3.link_title { margin:0;}

.link_blocks {
    width: 100%;
    padding-top:20px;
    
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1009px;
}

.link_blocks .link_block {
	cursor: pointer;
	padding-bottom: 15px;
	/*
	display: inline-block;
    float: left;
	width: 33.333%;
	min-width: 315px;
	height: 330px;
	*/
	
    -webkit-flex-basis: 300px;
    -ms-flex: 300px;
    width: 300px;
    
    -webkit-flex-grow: 0;
    -moz-box-flex-grow:  0;
    flex-grow: 0;

    display: block;
    vertical-align:top;
    margin: 0 0 30px 0;
    margin: 0 0 2.5rem 0;
    }
    .no-flexbox .link_blocks .link_block {
        display:inline-block;
        padding: 0 15px 0 0;
        }

.link_blocks .link_block.active .link_title a, .link_blocks .link_title a:active, .link_blocks .link_title a:hover {
	color: #1185EA;
	text-decoration: none;
}

.link_blocks .link_block .drop_shadow {
	height: 5px;
	background: url("../../docroot/images/background/gradient/drop_shadow_bottom_dadada.png") repeat-x scroll left top #DADADA;
}

/* MTCOM-5601: Block layout modification to have two columns */
.applicationslinklist .link_blocks{
	padding-top:0px;
}

.link_blocks_twoCol .link_block_twoCol{
	-webkit-flex-basis: 50%;
    -ms-flex: 50%;
    width: 50%;
    display: flex;
}

.link_blocks_twoCol .link_block_twoCol .link_image,
.link_blocks_twoCol .link_block_twoCol .link_info{
	width:50%;
	padding:0px;
}

.link_blocks_twoCol .link_block_twoCol .link_image img{
	max-width:100%;
	height:auto;
}

.link_blocks_twoCol .link_block_twoCol h3.link_title{
	padding-top:0px;
}

.link_blocks_twoCol .link_block_twoCol .link_description, 
.link_blocks_twoCol .link_block_twoCol h3.link_title,
.link_blocks_twoCol .link_block_twoCol h3.link_title:first-child{
	padding-left:15px !important
}

/*
@media(max-width:400px){
	.link_blocks .link_title, .link_block .link_image img {width:100%;}
	.link_blocks .link_block { 
		min-width: 240px;
		display: block;
		float: none;
		width: 99%;
	}
}
*/
@media(max-width:1050px){
	.ptab-content#applications .ptab-content-body h3:first-child{
		padding: 0 3%;
	}
}
@media(max-width:1008px){
  .link_block {
    min-width: 49% !important;
  }
  .link_block .link_image img  {
    width: 100%;
    height: auto;
  }
}
@media(min-width:896px) and (max-width:1008px){
  .link_blocks {width:855px;}
}
@media(max-width:895px){
  .link_blocks_twoCol .link_block_twoCol .link_image{
  	width:35%;
  }
  .link_blocks_twoCol .link_block_twoCol .link_info{
  	width:65%;
  }
  .link_blocks_twoCol .link_block_twoCol .link_description{
  	padding-right:10px;
  }
}
@media(max-width:767px){
  .link_blocks {
    width: 100%;
    width: 100vw;
  }
}
@media(max-width:660px){
  .link_block {
    width: 49% !important;
    -webkit-flex-basis: 49% !important;
    -ms-flex: 49% !important;
    flex-basis: 49% !important;
  }
}
@media(max-width:600px){
	/* Mobile UX: Products link list update */
	.productslinklist .link_blocks .link_block,
	.applicationslinklist .link_blocks .link_block{
		width: 100% !important;
    	flex-basis: 100% !important;
   		border-bottom: 1px solid #efefef;
	}
	.productslinklist .link_blocks .link_image{
		box-sizing:border-box;
		width: 25% !important;
    	float: left;
	}
	.productslinklist .link_blocks .link_info{
		box-sizing: border-box;
		width:75%;
		float: right;
    	padding-left: 15px;
	}
	
	.productslinklist .link_blocks h3.link_title{
		padding-top:0px;
	}
	.productslinklist .link_blocks .link_block{
		cursor:auto;
	}
	/* Mobile UX: Applications link list update */
	.applicationslinklist .link_blocks .link_block{
		margin:0;
		padding-bottom:0;
	}
	.applicationslinklist .link_blocks .link_image,
	.applicationslinklist .link_blocks .link_description{
		display:none;
	}
	.applicationslinklist .link_blocks .link_image{
		width:0px !important;
		float:none;
	}
	.applicationslinklist .link_blocks .link_info{
		width:100% !important;
		float:none;
	}
	.applicationslinklist .link_blocks h3.link_title{
	    padding-top: 10px !important;
	    padding-top: .8333rem !important;
	    padding-bottom: 10px !important;
	    padding-bottom: .8333rem !important;
	}
	.applicationslinklist .link_blocks_twoCol h3.link_title{
		padding-left: 3% !important;
	}
}
@media(max-width:490px){
  .link_block {
    width: 100% !important;
    -webkit-flex-basis: 100% !important;
    -ms-flex: 100% !important;
    flex-basis: 100% !important;
    margin: 0px;
    border-bottom: 1px solid #efefef;
    }
    .link_block .link_image {
      width: 30% !important;
      float: left;
      }
    .link_block .link_image img{
    	width: 100%;
    	height: auto;
    }
    .link_block .link_info{
      width: 67%;
      float: right;
      }
    .link_block h3 {
      padding: 0 0 4px 0 !important;
      }
    .link_description {
      padding: 0px !important;
      }
     #servicetabs_tab_custom1 .link_block .link_image, 
     #servicetabs_tab_custom1 .link_block .link_info{
     	width:auto;
     	float:none;
     }
}