/* bsplay.css */

.bsplay {
	overflow-y: hidden;
	padding:0;
	z-index: 1;
	xanimation: ease-in-out 1s;
	transition: max-height 1s;
	margin-top: 3px;
	margin-bottom: 25px;
	margin-left: -10px; /* should match the left margin on the <li>s below */
	position: relative;
	xtext-align: center;

	display:block;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ol.bsplay li {
	padding:0;
}

.bsplay li {
	display: inline-block;
	zoom: 1;

	font-size: 10px;
	position: relative;

	width: 114px;

	vertical-align: top;

	height: 280px;

	margin: 0;
	xmargin-right: 10px;
	margin-left: 10px;

	background-color: transparent;

	xtransition: background-color 500ms;
	xtext-align: left;
	flex: 0 1 auto;
}
.bsplay li:last-child {
	flex-grow:1;
}
.bsplay li:hover {
	
}


.bsplay_cc {
	position: absolute;
	bottom: 74px;

	margin-bottom: 1px;
	margin-left: 0;

	/* to put the borders back in, just enable these two rules */
	xborder: 2px solid #fff;
	xoutline: 1px solid #cccccc;

	border: 1px solid #ddd;
	border:none;
}
.bsplay > li:hover .bsplay_cc {
	xborder-color: #A93434;
}


.bsplay_c {
	height: 200px;

	position: relative;
	cursor: pointer;

	overflow: hidden;

	height: 180px;
}

.bsplay_cc {
	position: absolute;
	bottom: 0;
}

.bsplay_cc img {
	xposition: absolute;
	top:0;
	border: 3px solid var(--lt-border-color);
	border-radius: var(--lt-border-radius);
	margin-bottom: -5px;
	xmargin-bottom: -3px;
}
.bsplay > li:hover .bsplay_cc img {
	border-color: var(--lt-link-hover-color);
}

.webkit .bsplay_cc img {
	margin-bottom: -1px;
}
.bsplay img.lazy {
	min-height: 100px;
	min-width: 90px;
}

.bsplay_t {
	font-weight: bold;
	margin-top: 4px;
}

.bsplay_t,
.bsplay_t a,
.bsplay_t,
.bsplay_t a:visited,
.bsplay_t,
.bsplay_t a:active {
	color: #000 !important;
}

.bsplay > li:hover .bsplay_t a {
	color: #A93434 !important;
}

.bsplay_a,
.bsplay_a a,
.bsplay_a,
.bsplay_a a:visited,
.bsplay_a,
.bsplay_a a:active {
	color: #888 !important;
}

.bsplay_sm {
	font-size: 10px;
	display:block;
	margin-top: -40px;
	position: absolute;
}

img.greencheck {
	position: absolute;
	xleft: -6px;
	left: 0px;
	xtop: 3px;
	z-index: 1000;
	bottom: 68px;
}

img.icon1213 {
	margin-right: 0;
	margin-left: 2px;
}


.bsplay_smt {
	margin-right: 5px;
	font-size: 10px;
}
.bsplay_smt2 {
	margin: 5px 0 0 10px;
	font-size: 10px;
}
.bsplay_smlarge {
	font-size: 12px;
}

img.pencil
{
display: none;
}

.lb_bsplaypreferences .radioui
{
display: block;
margin: 1em 0 2em 0;
}

table.recommendations
{
margin: .5em 0 0 0;
}

.qelcontent_bsplay {
	padding:8px 0 16px 0;
}