#view_video .player_header {background: #eceae1 url( "/images/desktop/bg_profile_username.gif" ) left top no-repeat;
border-bottom: 1px solid #c9c9c8;
height: 30px;
}

#view_video .player_header .username {
color: #2e2e2e;
float: left;
font-size: 14px;
font-weight: bold;
padding: 8px 0 0 15px;
letter-spacing: -1px;
}

#view_video .player_header .add_to_contacts {
padding: 9px 15px 0 0;
text-align: right;
font-weight: bold;
}

#view_video .player_body {background: #f6f4ee;
border-left: 1px solid #c9c9c8;
border-right: 1px solid #c9c9c8;
clear: both;
padding: 10px 15px 10px 15px;
height: 100%;
text-align: center;
}

#view_video .player_footer {background: url( "/images/desktop/bg_mini_profile_footer.gif" ) center top no-repeat;
border-top: 1px solid #c9c9c8;
height: 30px;
margin-bottom: 10px;
clear: both;
}

#view_video .player_footer .rating {
float: left;
padding: 7px 0 0 15px;
}

#view_video .player_footer .rating span {
font-weight: bold;
}

#view_video .player_footer .rating_buttons {
padding: 7px 15px 0 0;
text-align: right;
font-weight: bold;
}

#view_video .player_footer .rating img {
vertical-align: bottom
}

#view_video .player_footer .rating_buttons img {
vertical-align: bottom
}

#related_videos {
height: 210px;
overflow: auto;
margin-top: 9px;
margin-bottom: 10px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
padding: 10px 0 0 0;
}

#related_videos span {
font-weight: bold;
}

.related_video_thumbnail {
clear: all;
height: 60px;
margin-bottom: 10px;
}

.related_video_pic {
float: left;
margin-right: 10px;
height: 60px;
}

.related_video_info span {
font-weight: bold;
}

#video_mini {
margin-top: 9px;
margin-bottom: 10px;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
padding: 10px 0 0 0;
}

#video_mini span {
font-weight: bold;
}

.video_mini_pic {
float: left;
margin-right: 10px;
margin-bottom: 5px;
height: 60px;
}

.video_mini_desc {
clear: both;
margin-bottom: 10px;
}

#home_video_mini {
width: 600px;
}

#home_video_mini .left {
width: 170px;
float: left;
}

#home_video_mini .right {
display: inline;
}

#home_video_mini .delete_link {
width: 400px;
font: 11px Arial, sans-serif;
font-weight: bold;
}

#tag_cloud {
text-align: justify;
margin-top: 9px;
border-top: 1px solid #c0c0c0;
padding-bottom: 9px;
margin-bottom: 20px;
border-bottom: 1px solid #c0c0c0;
}

.tags_list {
margin-bottom: 10px;
}

.tags_list li {
display: inline;
margin-right: 5px;
}

.add_tag input {
width: 200px;
margin-bottom: 9px;
}

.add_tag img {
vertical-align: top;
margin-top: 2px;
margin-left: 2px;
}

/* XXX video - grid and player */
.play-svg {
  display: none;
}

.videos-section {

}

.videos-l {

}

.videos-l-1 {

}

.videos-l-2 {

}

.videos-header {

}

.videos-header-heading {
  padding-left: 2%;
}

.vgrid-l {
  padding-bottom: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
  width: 96%;
}

.vgrid-l > * {
  width: 31%;
  display: inline-block;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 2%;
  vertical-align: top;
}

.vgrid-t-tab {
  background-color: rgb( 247, 247, 247 );
  border: 1px solid rgb( 231, 231, 231 );
  border-radius: 0.4rem;
}

.vgrid-link {
  display: block;
  height: 100%;
  position: relative;
  -webkit-transition: fill-opacity 200ms ease-out;
  transition: fill-opacity 200ms ease-out;
  -webkit-transition: bottom 200ms ease-in;
  transition: bottom 200ms ease-in;
  overflow: hidden;
  width: 100%;
}

.vgrid-link:hover .vgrid-play-svg {
  fill-opacity: 0.5;
}

.vgrid-link:hover .vgrid-meta {
  bottom: -20%;
}

.vgrid-thumbnail {
  width: 100%;
}

.vgrid-play {
  left: 50%;
  margin-left: -15%;
  margin-top: -15%;
  position: absolute;
  top: 50%;
  width: 30%;
}

.vgrid-play-svg {
  fill: red;
  fill-opacity: 0;
  -webkit-transition: fill-opacity 200ms ease-out;
  transition: fill-opacity 200ms ease-out;
}

.vgrid-meta {
  background-color: rgba( 0, 0, 0, 0.5 );
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: bottom 200ms ease-in;
  transition: bottom 200ms ease-in;
}

.vgrid-meta-heading {
  color: white;
  font-size: 0.825rem;
  font-weight: normal;
  line-height: 1.4rem;
  margin-bottom: 0;
  text-align: center;
}

.video-section {

}

.video-l {

}

.video-l-1 {

}

.video-l-2 {

}

.video-header {

}

.video-header-heading {
  padding-left: 2%;
}

.vplayer-l {
  padding: 2%;
  width: 96%;
}

.vplayer-t-tab {
  background-color: rgb( 247, 247, 247 );
  border: 1px solid rgb( 231, 231, 231 );
  border-radius: 0.4rem;
}

.vplayer-l-1 {

}

.vplayer-l-2 {

}

.vplayer-video {
  margin-bottom: 1rem;
  width: 100%;
}

.vplayer-meta {
  background-color: rgb( 51, 51, 51 );
  border-radius: 0.4rem;
  margin-bottom: 1rem;
  padding-bottom: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 2%;
  width: 96%;
}

.vplayer-meta-heading {
  color: rgb( 255, 255, 255 );
}

.vplayer-meta-heading span {
  font-weight: normal;
}

.vplayer-button {
  background-color: rgb( 204, 0, 0 );
  border: 0;
  border-radius: 0.4rem;
  float: right;
  padding: 0.6rem 1rem;
}

.vplayer-button:hover {
  background-color: rgb( 178, 3, 3 );
}

.vplayer-button-text {
  color: rgb( 255, 255, 255 );
  text-transform: uppercase;
}

.vplayer-button-text:before {
  content: "❮❮ ";
}