@charset "utf-8";
/* CSS Document */

/********** Basic Styling ***********/

/* Body */
body {
	background-color: #EFEDE1;
}

/* copyrigh */
table.container td.copyright,
table.container td.copyright a:active,
table.container td.copyright a:visited,
table.container td.copyright a:link,
table.container td.copyright a:hover{
	color: #9B9284;
}
table.container td.copyright{
	/*
	-webkit-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.0);
	   -moz-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.0);
	    -ie-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.0);
	 -khtml-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.0);
		    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.0);
	*/
}

/********** Advanced Styling ***********/

/* Video container */
#content{
	height: 351px; /* must be 1-pixel greater than actual height to prevent scrollers form showing - webkit bug */
	margin-top: 45px;
}
#video{
	overflow: hidden;	
	width: 624px; 
	height: 350px; 
	border: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* webkit-only CSS here (Chrome, Safari) */
	#content{
		height: 351px; /* must be 1-pixel greater than actual height to prevent scrollers form showing - webkit bug */
	}
	#video{
		margin-top: 0px;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10-only CSS here (IE 10 - and likely above) */
	#content{
		margin-top: 46px;
		margin-left: 0px;
	}
	#video{
    }
}


/* EndingLinks */
#endingLinks{
	font-family: Arial, sans-serif;
	font-size: 19px;
	color: #fff;
	
	height: 75px;
	background-image: none;
	filter: none;
	-ms-filter: none; /* IE8 uses -ms-filter */
    
	box-shadow: 0px 0px 0px 0px #000000;
    -moz-box-shadow: 0px 0px 0px 0px #000000;
    -webkit-box-shadow: 0px 0px 0px 0px #000000;
	-khtml-box-shadow: 0px 0px 0px 0px #000000;
	-ie-box-shadow: 0px 0px 0px 0px #000000;
	
	/* when endingLinks layered over top of media */
	position: absolute;
	display: none;
	text-align: center;
	margin-top: 20px;
	/*
	*/
	
	/* when endingLinks not layered over top of media */
	/*
	position: relative;
	display: block;
	text-align: center;
	width: auto !important;
	margin-top: 20px;
	-webkit-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
	   -moz-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
	    -ie-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
	 -khtml-text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
		    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
	*/
	
	
	/*
	border: 1px solid cyan;
	background: purple;
	*/
}
#endingLinks div.link{
	height: inherit; /* must be same as #endingLinks height */
}
#endingLinks div.link a, 
#endingLinks div.link a:active, 
#endingLinks div.link a:visited, 
#endingLinks div.link a:link{
	color: #FFFFFF !important;
	text-decoration: none;
}
#endingLinks div.link a:hover{
	color: #FFFFFF !important;
	text-decoration: none;
}
#endingLinks div.link table.social{
	/*margin-top: 5px;*/
}
#endingLinks div.link table.social td{
	/*vertical-align: middle;*/
}
/* EndingLinks Inserts */
/* address */
#endingLinksInserts table.addressInsertTable td{
	height: 350px; /* use template height */
}
#endingLinksInserts table.addressInsertTable td.addressMessage{
	width: 340px; /* use 54.5% of template width rounded */
}
#endingLinksInserts table.addressInsertTable td.addressImage{
	width: 284px; /* use 45.5% of template width rounded */
}
#endingLinksInserts div.addressImage img{
	width: 284px; /* use 45.5% of template width rounded */
}
/* credits */
#endingLinksInserts table.creditsInsertTable{
	width: 624px; /* use template width */
}
#endingLinksInserts div.creditsContainer{
	height: 270px; /* must be set for jquery scroller to work.  Set to height of template, minus height of td.creditsTitle (60px), minus top & bottom padding in td.creditsContainer (10px and 10px) */
}
/* custom */
#endingLinksInserts table.customInsertTable td{
	width: 624px; /* use template width */
}
/* donation */
#endingLinksInserts table.donationInsertTable td{
	width: 624px; /* use tmeplate width */
}
/* group */
#endingLinksInserts table.groupInsertTable td{
	width: 624px; /* use template width */
}
#endingLinksInserts div.groupPhoto img{
	width: 584px; /* use template width minus 40px */
}
/* personal */
#endingLinksInserts table.personalInsertTable td{
	height: 350px; /* use template height */
}
#endingLinksInserts table.personalInsertTable td.personalPhoto{
	width: 272px; /* use 43.6% of template width rounded */
}
#endingLinksInserts div.personalPhoto img{
	height: 350px; /* use template height */
}
/* signatures */
#endingLinksInserts table.signaturesInsertTable td{
	width: 624px; /* use tmeplate width */
	height: 350px; /* use tmeplate height */
}
#endingLinksInserts table.signaturesInsertMessageTable{
	width: 624px; /* use template width */
	height: 350px; /* use template height */
}

/* EndingLinks Inserts */
/* BI specific */
#endingLinksInserts.bi div.insert{
	width: 596px;
	height: 322px;
	margin-top: 14px;
	margin-left: 14px;
	overflow: hidden;
}
#endingLinksInserts.bi div.insert div.insertContent{
	margin: -10px 0px 0px 0px;/**/
}

/* Video.js Style Overrides */
.vjs-default-skin .vjs-progress-control,
.vjs-default-skin .vjs-time-controls,
.vjs-default-skin .vjs-time-divider,
.vjs-default-skin .vjs-captions-button,
.vjs-default-skin .vjs-fullscreen-control {
	display: none;	
}
.vjs-default-skin .vjs-volume-control {
	padding-right: 20px;	
}
/*
*/