/*************************************************************************************** 
  BOXES
***************************************************************************************/

.box {
  padding: 0;
  margin-bottom: 1.5em !important;
}

.innerContent {
	padding: 2.5em;
}

.innerHead, .innerFoot {
	padding: .25em 1em .11em 1em;
}

.innerHead h2 {
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 3px;
}

.innerHead p, .innerFoot p {
	margin: 0;
}

.innerHead a.read_more {
	float: right;
	margin-top: -1.5em;
	border-bottom: 0;
}

div.boxContent a {text-decoration: none;border-bottom:1px solid #ccc; color: #A40006;}
div.boxContent a:hover {border-bottom:1px solid #900; color: #900000;}


/* Basic Box */

.boxContent {
	background:#fff;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
}

.basic .boxHeader {
	height:4px;
	overflow:hidden;
	background:url(https://www.elon.edu/shell/960/css/templates/images/basic/TR.gif) 100% 0 repeat-x;
}

.basic .boxHeader div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/basic/TL.gif) 0 0 no-repeat;
}

.basic .boxFooter {
	height:4px;
	overflow:hidden;
	background:url(https://www.elon.edu/shell/960/css/templates/images/basic/BR.gif) 100% 0 repeat-x;
}

.basic .boxFooter div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/basic/BL.gif) 0 0 no-repeat;
}

.basic .innerHead {
	background-color: #fff;
	border-bottom: 1px solid #b0b0b0;
}

.basic .innerFoot {
	background-color: #fff;
	text-align: right;
	border-top: 1px solid #b0b0b0;
}


/* Primary Box */

.primary .boxHeader {
	height:4px;
	overflow:hidden;
	background: url(https://www.elon.edu/shell/960/css/templates/images/primary/TR.gif) 100% 0 repeat-x;
}

.primary .boxHeader div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/primary/TL.gif) 0 0 no-repeat;
}

.primary .boxFooter {
	height:4px;
	overflow:hidden;
	background: url(https://www.elon.edu/shell/960/css/templates/images/primary/BR.gif) 100% 0 repeat-x;
}

.primary .boxFooter div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/primary/BL.gif) 0 0 no-repeat;
}

.primary .innerHead {
	background-color: #e4e4e4;
	border-bottom: 1px solid #b0b0b0;
}

.primary .innerFoot {
	background-color: #e4e4e4;
	text-align: right;
	border-top: 1px solid #b0b0b0;
}


/* Secondary Box */

.secondary.box .boxHeader {
	height:4px;
	overflow:hidden;
	background: url(https://www.elon.edu/shell/960/css/templates/images/secondary/TR.gif) 100% 0 repeat-x;
}

.secondary.box .boxHeader div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/secondary/TL.gif) 0 0 no-repeat;
}

.secondary.box .boxFooter {
	height:4px;
	overflow:hidden;
	background: url(https://www.elon.edu/shell/960/css/templates/images/secondary/BR.gif) 100% 0 repeat-x;
}

.secondary.box .boxFooter div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/secondary/BL.gif) 0 0 no-repeat;
}

.secondary .innerHead {
	background-color: #e8e8e8;
	border-bottom: 1px solid #b0b0b0;
}

.secondary .innerFoot {
	background-color: #e8e8e8;
	text-align: right;
	border-top: 1px solid #b0b0b0;
}


/* Tertiary Box */

.boxContent {
	background:#fff;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
}

.tertiary .boxHeader {
	height:4px;
	overflow:hidden;
	background:url(https://www.elon.edu/shell/960/css/templates/images/basic/TR.gif) 100% 0 repeat-x;
}

.tertiary .boxHeader div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/basic/TL.gif) 0 0 no-repeat;
}

.tertiary .boxFooter {
	height:4px;
	overflow:hidden;
	background:url(https://www.elon.edu/shell/960/css/templates/images/basic/BR.gif) 100% 0 repeat-x;
}

.tertiary .boxFooter div {
	height:4px;
	width:4px;
	background:#fff url(https://www.elon.edu/shell/960/css/templates/images/basic/BL.gif) 0 0 no-repeat;
}

.tertiary .innerHead {
	background-color: #fff;
	border-bottom: 1px solid #b0b0b0;
}

.tertiary .innerFoot {
	background-color: #fff;
	border-top: 1px solid #b0b0b0;
}


/*************************************************************************************** 
  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 */
}

/* 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 */
}

/* 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;
}