@import url("/stylesheets/miplet.css");
@import url("/stylesheets/miplet/wall.css");
@import url("/stylesheets/miplet/comment.css");
@import url("/stylesheets/shared/media/show.css");
@import url("edit.css");

#video {
  float: left; 
  position: relative;
  z-index: 2;
  background-color: #333;
  width: 545px;
  padding-top: 20px;
  text-align: center;
  height: 444px;
}
#play-area { 
  background-color: #d7d7d7;
  width: 478px;
  height: 360px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#twistage_view_iframe, #immersive_video {
  position: relative;
  z-index: 1;  
}
#info { 
  height: 444px;
  padding: 10px;
}
#related_videos select { 
  width: 288px;
  margin: 0;
  float: left;
}
#related_videos {
  float: left;
  clear: left;
  background-color: #191919;
  width: 365px;
  padding-top: 5px;
  margin-top: 5px;
  overflow: hidden;
}
#related_videos h4 { 
  padding: 4px 5px 0 5px;
  float: left;
  color: #666;
} 
.videos {
  margin-top: 5px;
  background-color: #999;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  padding: 10px;
  width: 345px;
  height: 272px;
  position: relative;
}
.videos .info { color: #000 }
.videos a.name { color: #fff }
.video, .video a, .video span { 
  float: left;
  clear: left;
}
div.video {
  margin-bottom: 5px;
  width: 340px;
}
.small-hidden{
	position: absolute;
	width:100%;
	background: #000;
	top:32px;
	line-height: 20px;
	text-align: center;
	color: #fff;
}
.large-hidden{
	position: absolute;
	width:100%;
	background: #000;
	top:158px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	z-index: 2;
}
div.videos .last { margin-bottom: 0 }
.video a.thumbnail { 
  border: 1px solid #333;
  float: left;
  display: block;
  width: 112px;
  height: 84px;
  position: relative;
  background: #000 url() no-repeat center center;
}
.video .timecode { 
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 2px 2px 18px;
  background: #333 url(/images/icons/mip/timecode.png) no-repeat 2px center;
  color: #fff;
  font-weight: bold;
  font-size: 93%;  
}
.video .timecode:hover { text-decoration: none } 
div.video .info { 
  float: left;
  margin-left: 5px;
  overflow: hidden;
  width: 221px;
}
.video span.views, .video span.added { font-size: 93% }
.invoke_menu{
	background: none;
}
#context_list{
	margin-left:-1px;
}
.close_menu{
	background: #191919;
}
#context_list .close_menu{
	width:60px;
	padding-left:0\9;
}
#add_to{
	width:82px;
}
#MB_content .add_media div { padding-bottom: 20px }
.top_hr { 
  padding: 6px 0 1px 0;
  border: 0 solid #dedede;
  border-top-width: 1px;
}
.hidden-large { background: #000 url(/images/hidden_photo_large.png) no-repeat center center }
.hidden-small { background: #000 url(/images/hidden_photo_small.png) no-repeat center center }
.hidden-large { display: inline-block }
.hidden-small {
  display: block;
  float: left;
}
.hidden-large-video, .hidden-small-video {
  opacity: 0.25;
  filter:alpha(opacity=25);
  -moz-opacity: 0.25;
}