div.tcenter.embedvideo,
div.embedvideo.ev_center  {
	text-align: center;
}

div.embedvideo.ev_center > .embedvideowrap {
	margin-left: auto;
	margin-right: auto;
}

div.embedvideo.ev_left {
	clear: left;
	float: left;
}

div.embedvideo.ev_right {
	clear: right;
	float: right;
}

div.embedvideo.ev_inline {
	display: inline-block;
}

div.embedvideo.ev_top {
	vertical-align: top;
}

div.embedvideo.ev_middle {
	vertical-align: middle;
}

div.embedvideo.ev_bottom {
	vertical-align: bottom;
}

div.embedvideo.ev_baseline {
	vertical-align: baseline;
}

video.thumbborder, audio.thumbborder {
	border: 1pt solid #ddd;
}

a.vplink {
    padding-left: 18px;
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
    background-position: left center;
}

a.vplink:hover {
	background-image: url(../img/play-hover.png);
}
div.tcenter.embedvideo,
div.embedvideo.ev_center  {
	text-align: center;
}

div.embedvideo.ev_center > .embedvideowrap {
	margin-left: auto;
	margin-right: auto;
}

/* @noflip */
div.embedvideo.ev_left {
	clear: left;
	float: left;
}

/* @noflip */
div.embedvideo.ev_right {
	clear: right;
	float: right;
}

div.embedvideo.ev_inline {
	display: inline-block;
}

div.embedvideo.ev_top {
	vertical-align: top;
}

div.embedvideo.ev_middle {
	vertical-align: middle;
}

div.embedvideo.ev_bottom {
	vertical-align: bottom;
}

div.embedvideo.ev_baseline {
	vertical-align: baseline;
}

video.thumbborder, audio.thumbborder {
	border: 1pt solid #ddd;
}

a.vplink {
    padding-left: 18px;
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
    background-position: left center;
}

a.vplink:hover {
	background-image: url(../img/play-hover.png);
}

Add @noflip rules for CSS position classes, for proper RTL alignment
Add @noflip rules for CSS position classes, for proper RTL alignment

Otherwise, when you specify you want the video on the left in an RTL
language, you actually get it on the right, and vice versa.
