#inline .block_link p.title {
    font-weight: bold;
}

.imageDiv {
    margin: 0;
    padding: 0;
    border: 0;
}

.simpleImageWithCaptionDark {
    margin: 0;
    padding: 10px;
    background-color: #404040;
    color: white;
}

img.smImg_imageBorder {
     -webkit-box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.92);
    -moz-box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.92);
    box-shadow: 0px 5px 12px -6px rgba(0,0,0,0.92);
    Padding: 0;

}

.simpleImageMaxWidth {
    width: 100%;
}

#inline .currentVideoLabel {
    font-size: 20px !important;
}

/* Small Image Component*/
.smallImage_wrapper{ display: table-row; }
.smallImage_Media, .mediaContainer{ clear: both; display: table-cell; }
.smallImage_Media .mt-btn-link, .mediaContainer .mt-btn.link{ position: relative; display: block; }
.smallImage_Media img, .mediaContainer img{ display: block; }
.smallImage_Image_Icon, .smallImage_Video_Icon, .smallImage_Link_Icon, .mediaVideoIcon {
    height: 90px;
    width: 120px;
    position: absolute;
}
.smallImage_Image_Icon{
    /*background: transparent url(../../docroot/images/background/action_image.png) no-repeat bottom right;*/
	background: transparent url(../../docroot/images/background/action_image_new_transparent_bkd.png) no-repeat bottom top;
    right: 10px;
    /*bottom: 0;*/
	top: 0;
}
.smallImage_Video_Icon, .mediaVideoIcon {
    background: transparent url(../../docroot/images/images_nav/play-button_0.png) no-repeat bottom right;
    left: 48%;
    top: 48%;
}
.smallImage_Video_Icon:hover, .mediaVideoIcon:hover {
    background: transparent url(../../docroot/images/images_nav/play-button_1.png) no-repeat bottom right
}
.smallImage_Link_Icon{
    background: transparent url(../../docroot/images/background/action_link.png) no-repeat bottom right;
    right: 0;
    bottom: 0;
}

div.sm_img_gray_bdr{
	position:relative; 
	background-color:transparent; 
	overflow:hidden;
	padding: 2px;
    box-sizing: border-box;
    box-shadow: 0px 0px 2px 2px #dddddd;
    border-radius: 5px;
}

div.sm_img_gray_bdr img{
	border-radius: 7px;
	max-width: 100%;
    height: auto;
}

.smallimage td.imageDiv div.description {
    margin-top: .8rem;
     font-size: 1rem;
     line-height: 1.3rem;
}

/* MTCOM-1555: Responsive layout updates */
.colCtrlBasic3-3 .parsys_column .imageDiv div.sm_img_gray_bdr { width:100% !important; height:auto !important; border-radius: 10px;}
.colCtrlBasic3-3 .parsys_column .imageDiv img.sm_img_gray_bdr { height:auto; width:98%;}

/* MTCOM-4155: Fix embeddedVideo widths overlapping outside of small image component */
.smallImage_wrapper .embeddedVideo { width: 100% !important; max-width:100% !important; }
.smallImage_wrapper .embeddedVideo .mediaContainer { width: 100% !important; max-width:100% !important; min-width:120px !important; height: auto !important; min-height: 150px !important;}
.smallImage_wrapper .embeddedVideo span.mediaVideoIcon { opacity: 0; -webkit-transition: opacity 1.25s; -moz-transition: opacity 1.25s; transition: opacity 1.25s; }
.smallImage_wrapper.showEmbeddedIcon .embeddedVideo span.mediaVideoIcon { opacity: 1.0; }

@media only screen and(max-width:767px){
	.smallImage_Media{
		display: block;
	}
	
	.smallimage .imageDiv img{
		display: inline-block;
	}
	
	.simpleImageMaxWidth{
		width: auto;
	}
}

@media only screen and(max-width:700px){

    div.colCtrlLandingPage-4-0-c0 { margin-bottom:20px; }

    div.colCtrlLandingPage-4-0-c0, 
    div.colCtrlLandingPage-4-0-c1, 
    div.colCtrlLandingPage-4-0-c2,
    div.colCtrlLandingPage-4-0-c3 { border-left:0px; padding-left:0px; margin-left:0px; }
	.smallImage_wrapper{ display: block; }
}
@media(max-width:600px){
	.mediaContainer img{ max-width:100%;height:auto; }
}

@media(max-width:480px){
	.simpleImageMaxWidth{
		max-width: 250px;
	}
}