/* \Sentra.Designs\- global\StyleCommon\CSSTeaser\TEASER\style_teaser-common.css */
.bx {
	float: left;
}
.tsrframe {
	border: {{tsrborder_width}} {{tsrborder_style}} {{tsrborder_color}};
}
.odd13,
.odd23,
.odd22 {
	float:left;
	overflow:hidden;
}
.teaser {
	float:left;
	margin: 0;
	overflow:hidden;
	.teasercaption {
		float: left;
		margin: 0px 0px 5px;
		background: {{caption_bg}};
		position: relative;
		padding: 5px 0px;
	}

	.threecolcentertsrbx,
	.threecolrighttsrbx,
	.twocolrighttsrbx {
		border-left: {{tsrborder_width}} {{tsrborder_style}} {{tsrborder_color}};
	}

	.onecoltsrbx,
	.twocoltsrbx,
	.threecoltsrbx {
		background: {{lefttsrbg}};
	}

	.onecoltsr,
	.onecoltsrbx,
	.twocoltsr,
	.twocoltsrbx,
	.threecoltsr,
	.threecoltsrbx {
		float:left;

		.leftcol,
		.centercol,
		.rightcol {
				float:left;
				position:relative;

		}
		.caption {
			float:left;
			width: 100%;
		}
		img.tsricon {
			float:left;
			width: auto;
			margin: 0;
			padding: 6px 2px 0;
		}
		div.leftimg {
			float:left;
			width: auto;
			margin: 10px 10px 5px 0;
		}
		h3 {
			float:left;
			font-size: 175%;
			font-weight: bold;
			width: 100%;
			margin:0;
			text-indent: {{tsrpadding}}px;
            cursor:pointer;
		}
		h4 {
			float:left;
			font-size: 85%;
			font-weight: bold;
			width: 100%;
			margin:0;
			text-indent: {{tsrpadding}}px;
		}
		h5 {
			float:left;
			font-size: 75%;
			font-weight: normal;
			width: 100%;
			margin:0;
			text-indent: {{tsrpadding}}px;
		}
		a.tsrmore {
			float:right;
			text-align:right;
			margin: 10px 0;
			width:100%;

		}
		.tsrnewicon {
			position: absolute;
			right: 0;
			top:   0;
		}
	}
	.onecoltsr,
	.onecoltsrbx {
		.tsrnewicon {
			background: {{Teaser1NewIconurl}};
			height: {{Teaser1NewIconheight}}px;
			width:  {{Teaser1NewIconwidth}}px;
		}
	}

	.twocoltsr,
	.twocoltsrbx {
		.tsrnewicon {
			background: {{Teaser2NewIconurl}};
			height: {{Teaser2NewIconheight}}px;
			width:  {{Teaser2NewIconwidth}}px;
		}
	}
	.threecoltsr,
	.threecoltsrbx {
		.tsrnewicon {
			background: {{Teaser3NewIconurl}};
			height: {{Teaser3NewIconheight}}px;
			width: {{Teaser3NewIconwidth}}px;
		}
	}
	.fullimage {
		float:left;
		position:relative;
		text-align: center;
		margin: 10px 0;
		a {
			float:left;
			text-align: center;
			position:relative; /* required for absolute positioning of the new icon inside this container */
		}
		.tsrnewicon {
			background: {{Teaser1NewIconurl}} !important;
			height: {{Teaser1NewIconheight}}px !important;
			width:  {{Teaser1NewIconwidth}}px !important;
		}
	}
	.lefthandaligned ,
	.righthandaligned {
		a {
			float:left;
			text-align: center;
			position:relative; /* required for absolute positioning of the new icon inside this container */
		}
	}
	a img, a,
	a:active img, a:active,
	a:hover img, a:hover,
	a:visited img, a:visited {
  	/* remove border around imags with links on it */
  	border:none !important;
	}
}
