/* @override http://www.elon.edu/test/tpaulson/redesign/templates/css/vidbox.css */

/* VIDEO BOXES */

.vidbox .innerContent {
	padding: 6px;
}

.vidbox .innerContent a {border-bottom:none;}
.vidbox .innerContent a:hover {border-bottom:none;}

/* BASIC VIDEO BOX (WITH A HEADER *OR* FOOTER *OR* NEITHER ) */

.vidbox a.player {
	display: block;
	text-align: center;
}

.span-4.vidbox a.player {
	width: 286px;		/* span width - 12px (.innerContent padding) - 2px (.vidbox border) */
	height:238px;		/* 4:3 ratio + 24px for controlbar */
}

.span-8.vidbox a.player {
	width: 606px;		/* span width - 12px (.innerContent padding) - 2px (.vidbox border) */
	height: 478px;		/* 4:3 ratio + 24px for controlbar */
}

.span-12.vidbox a.player {
	width: 926px;		/* span width - 12px (.innerContent padding) - 2px (.vidbox border) */
	height: 718px;		/* 4:3 ratio + 24px for controlbar */
}

/* BASIC VIDEO BOX INSIDE CMS:CONTENT BOX */

.cms .span-4.vidbox a.player {
	width: 256px;		/* span width - 12px (.innerContent padding) - 2px (.vidbox border) */
	height:216px;		/* 4:3 ratio + 24px for controlbar */
}

/* play button */

.span-4.vidbox a.player img {
	margin-top: 97px;
	border:0px;
}

.span-8.vidbox a.player img {
	margin-top: 217px;
	border:0px;
}

.span-12.vidbox a.player img {
	margin-top: 337px;
	border:0px;
}

/* 	DELUXE VIDEO BOX (WITH HEADER *AND* FOOTER) */

.vidbox.deluxe .innerContent {
	padding: 0;
}

.span-4.vidbox.deluxe a.player {
	width: 298px;		/* span width - 2px (.vidbox border) */
	height:248px;		/* 4:3 ratio + 24px for controlbar */
}

.span-8.vidbox.deluxe a.player {
	width: 618px;		/* span width - 2px (.vidbox border) */
	height: 488px;		/* 4:3 ratio + 24px for controlbar */
}

.span-12.vidbox.deluxe a.player {
	width: 938px;		/* span width - 2px (.vidbox border) */
	height: 728px;		/* 4:3 ratio + 24px for controlbar */
}

/* ---------------- */

.cms div.box.span-4.vidbox.deluxe a.player {
	width: 268px;		/* span width - 12px (.innerContent padding) - 2px (.vidbox border) */
	height:225px;		/* 4:3 ratio + 24px for controlbar */
}

.cms div.box.span-4.vidbox.deluxe a.player img {
	border: 0;
	margin-top: 90px;
}

/* --------------- */

/* play button */

.span-4.vidbox.deluxe a.player img {
	margin-top: 102px;	/* [a.player height - 44px (play button height)] / 2 */
	border:0px;
}

.span-8.vidbox.deluxe a.player img {
	margin-top: 222px;	/* [a.player height - 44px (play button height)] / 2 */
	border:0px;
}

.span-12.vidbox.deluxe a.player img {
	margin-top: 342px;	/* [a.player height - 44px (play button height)] / 2 */
	border:0px;
}