/* Videos */
div.video-dialog
{
	position: fixed;
	top: 100px;
	left: 100px;
	background-color:#fff;
	padding: 1em;
	z-index:1001;
	-webkit-box-shadow: 0 2px 2px #000;
	box-shadow: 0 2px 2px #000;
}
div.video-dialog h2 { width:  400px; }
div.video-dialog a.closer:hover, div.video-dialog a.closer:focus, div.video-dialog a.closer:active { text-decoration:  underline; }
div.video-dialog h3 { margin: 0 0 10px 0; position: static; }


div.video-frame { margin: 0; padding: 0; }
div.video-header { padding: 0; margin-bottom: 1em; }
div.video-player { clear: both; }
div#video-player_wrapper { clear: both; }
div.video-footer { padding: 0; margin-top: 1em; }

div.video-dialog a.closer
{
	float: right;
	color:Black;
	font-size: 1em;
	text-decoration:none;
	padding-right: 18px;
	margin: 0;
	background:transparent url(icons/cross.png) no-repeat center right;
}

div.video-underlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1C2E46;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
  opacity:.6;
  z-index: 1000;
  /* brad promises he will never use a z-index higher than 999 so this will always work */

}

ul.video-controls { list-style: none; margin: 0; padding: 0; }
ul.video-controls li { display: inline; list-style: none; margin: 0 5px 0 0; padding: 0; white-space: nowrap; }

div.video-legend {	font-size: 80%; 	margin: 10px 0; }

ul.video-shortcuts { margin: 0; padding: 0; list-style: none; }
ul.video-shortcuts li { list-style: none; display: inline; padding: 0; margin: 0 5px 0 0; white-space: nowrap; }


/* Sharing links */
div.sharelinks { margin-top: 5px; }
ul.sharelinks { list-style: none; margin: 0; padding: 0; }
ul.sharelinks li { display: inline; list-style: none; margin: 0 5px 0 0; padding: 0; }

a.share-facebook { background: url(icons/facebook.png); background-repeat: no-repeat; padding: 0 2px 0 18px; }
a.share-linkedin { background: url(icons/linkedin.png); background-repeat: no-repeat; padding: 0 2px 0 18px; }
a.share-twitter { background: url(icons/twitter.png); background-repeat: no-repeat; padding: 0 2px 0 18px; }

input.sharelink { width: 360px; }