/* September 2009 Video used the textured clip area retained in the recovered assets. */
#Video_jsp .ChannelBrowseClips {
    background: #fff url(./img/video/clips_bg.gif) repeat;
}

/* The recovered channel list has room for the original sixteen entries. The
   additional system genres remain in the same period styling, with a small
   scrollbar rather than pushing the clip grid out of alignment. */
#Video_jsp .ChannelBrowseNavigation {
    height: 650px;
    max-height: 650px;
    overflow-y: auto;
}

#Video_jsp .ChannelBrowseNavigation #current {
    color: #666;
    text-decoration: none;
    position: relative;
    z-index: 2;
    padding: 0 12px 0 0;
    background: #fff url(./img/video/clips_bg.gif) repeat;
}

#Video_jsp .ChannelBrowseNavigation #current:after {
    background: transparent url(./img/video/browse_nav_sel.gif) top left no-repeat;
    content: "";
    display: block;
    height: 25px;
    position: absolute;
    right: 0;
    top: -4px;
    width: 10px;
}

#Video_jsp .ChannelBrowseContainer .videoThumb {
    height: 60px;
    width: 88px;
    margin: 0 auto;
    border: 1px solid #666;
    background-position: center;
    overflow: hidden;
}

#Video_jsp .ChannelBrowseContainer .videoThumb a {
    display: block;
    height: 60px;
    width: 88px;
}

#Video_jsp .ChannelBrowseContainer .videoThumb img {
    position: relative;
    top: -10px;
    left: -1px;
}

#Video_jsp .ChannelBrowseClips table {
    table-layout: fixed;
    width: 100%;
}

#Video_jsp .ChannelBrowseClips table td {
    width: 20%;
}

#Video_jsp .ChannelBrowseClips .video-title {
    padding: 3px;
}

#Video_jsp ul.grid li.video {
    width: 100px;
}

#Video_jsp ul.grid li.video span.thumb {
    width: 88px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

#Video_jsp ul.grid li.video span.thumb img {
    position: absolute;
    top: -10px;
    left: -1px;
}

/* VIDEO PAGE MAY 2010 */

/******* BEGIN: Including _default.css *******/
/*video view*/
#video-view .hd h2 {
    font-size:120%;
    font-weight:normal;
}
#video-view #main-video {
    background:#000;
    text-align:center;
    margin-bottom:10px;
}
#video-view #main-video iframe,
#video-view #main-video embed {
    margin:auto;
}
#video-view #video-details {
    clear:right;
    float:left;
    max-width:425px;
}
#video-view #video-details h4 {
    font-weight:bold;
}
#video-view #num-views {
    display:block;
    clear:both;
}
#video-view #edit-menu {
    clear:none;
    float:right;
    border-left:1px solid #e0ddd7;
    padding-left:10px;
    margin-left:10px;
    margin-right:20px;
}
#video-view #edit-menu ul {
    margin-top:10px;
}
#video-view #edit-menu li {
    margin-bottom:3px;
}

#more-videos .bd {
    position:relative;
    height:200px;
    overflow:auto;
}
/*video sort*/
#video-sort .sort-grid li {
    width:100px;
}

/* legacy video-detail layout */

.two-column-wrapper {
    margin: 0;
    padding:0;
}

.two-column-wrapper-wide {
    margin: 0 10px 0 10px;
    padding:0;
}

.two-column-wrapper-wide h3,
.two-column-wrapper h3
{
    font-size: 1.5em;
    font-weight:normal;
}

.main-column-wide {
    width: 630px;
    margin:0 10px 0 0px;
    padding:0;
    float: left;
    /*float: right; */
}

.main-column {
    width: 450px;
    margin: 0 0 0 0;
    padding:0;
    float: left;
    /* float: right; */
}

.main-column p,
.main-column-wide p
{
    padding:0;
    /*margin:0 20px 20px 0; */
    margin:0;
    vertical-align:top;
}

.right-column {
    width: 320px;
    margin:0;
    padding:0;
    vertical-align:top;
    float:right;
}

.right-column p {
    padding:0;
    margin:0 0 20px 0;
}


/*container with title, migrate to global*/

.container-title {
    background-image: url(./img/music/corner_topleft.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 320px;
    height:100%;
    margin:0;
    padding:0;
}

.container-title-attribute {
    float:right;
    padding:0;
    margin:-26px 1.2em 0 0;
    color:#CCCCCC;
}

.container-title h3 {
    background-image: url(./img/music/corner_topright.gif);
    background-repeat: no-repeat;
    background-position: top right;
    margin:0 0 0 4px;
    padding:10px;
    color:#fff;
}

.container-title-body {
    background-image: url(./img/music/corner_rightborder.gif);
    background-repeat: repeat-y;
    background-position: top right;
    margin:0;
    padding:6px;
}

.container-title-footer {
    background-image: url(./img/music/corner_bottomleft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.container-title-footer p {
    background-image: url(./img/music/corner_bottomright.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    display:block;
    padding:15px;
    margin:-1em 0 0 0;
}

.container-title-footer p a {
    color:#CC3333;
}

.container-title-footer p a:hover {
    color:#CC3333;
}

.container-title-bottomnav {
    float:right;
    text-align:right;
    padding:0;
    margin:-4px 0 -10px 0;
}

.container-title-scroll {
    height:420px;
    width:280px;
    position: relative;
    overflow:auto;
    margin:-8px 0 0 0;
    padding:10px;
    background-color:#ededed;
    border: 1px solid #bbbbbb;
}

/*end container with title*/



/*main video*/

.video-main p {
    padding:9px 0 0 0;
    line-height:1.3em;
    margin:0;
}

.embed {
    margin:0;
    padding:0 0 0 20px;
    width:300px;
    float:right;
    border-left:1px dotted #333333;
    position:relative;
    top:-33px;
}

.embed p {
    margin:0;
    padding:0;
}

.embed ul {
    margin:0;
    padding:0;
}

.embed ul li {
    display:inline;
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
    margin:0;
    padding:0;
    overflow: hidden;
}

.embed input {
    border:1px solid #618cad;
    font-size:0.9em;
    color:#999999;
    margin:0;
    padding:2px;
}

/* viral section */
.viral {
    display:block;
    margin:6px 0 6px 0;
    padding:6px 0 6px 0;
    float: left;
    position: relative;
    left: 50%;
    text-align: left;
    clear: both;
}

.viral-buttons {
    position: relative;
    left: -50%;
}

.viral-button {
    display: inline-block;
    vertical-align: top;
}

.viral-button form {
    display: inline;
    margin: 0;
    padding: 0;
}

button.button-viral {
    border: 0;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    overflow: visible;
}

button.button-viral span {
    white-space: nowrap;
}

a.button-viral,
button.button-viral {
    background: transparent no-repeat scroll top right url(./img/video/button-viral-right.png);
    color: #ffffff;
    float: left;
    text-transform: uppercase;
    font-size:0.9em;
    font-weight:bold;
    height: 22px;
    margin:0;
    padding: 0 10px 0 0;
    text-decoration: none !important;
}

a.button-viral:hover,
button.button-viral:hover {
    text-decoration:underline;
}

a.button-viral span,
button.button-viral span {
    background: transparent no-repeat url(./img/video/button-viral.png);
    display: block;
    line-height: 10px;
    font-size:0.9em;
    font-weight:bold;
    color: #ffffff;
    padding: 6px 0 6px 10px;
    margin:0 0 0 6px;
    outline: none;
    text-decoration: none;
}

a.button-viral span img,
button.button-viral span img {
    float:left;
    padding:0;
    margin:-3px 4px 3px -7px;
}

/* video meta */
.video-meta {
    clear: both;
}

/*end main video*/




/*more from this user*/

.container-square-320 {
    width:320px;
    margin:0;
    padding:0;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
}

.container-square-320 img {
    margin:1px;
    padding:1px;
    border:2px solid #ffffff;
    float:left;
}

.container-square-header {
    margin:0;
    padding:2px;
    height:44px;
}

.container-square-header p {
    margin:0;
    padding:0;
}

.container-square-header h4 {
    margin:0;
    padding:0;
    font-size:1em;
    line-height:1.2em;
}

.container-square-header div {
    background-image: url(./img/page/header-back.png);
    background-color: #2A2A2A;
    background-repeat: repeat-x;
}

.container-square-header-channel {
    margin:0;
    padding:2px;
    height:66px;
}

.container-square-header-channel p {
    margin:0;
    padding:0;
}

.container-square-header-channel h4 {
    margin:0;
    padding:0;
    font-size:1em;
    line-height:1.4em;
}

.container-square-scroll {
    height:110px;
    position: relative;
    overflow:auto;
    margin: 0px 0 0 0;
    padding:12px;
    background-color:#ededed;
    border-top: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}

ul.video-list-sm {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0;
    margin:0;
}

ul.video-list-sm li {
    /*overflow:hidden;
    height:46px;
    margin:-4px 0 10px 4px;
    padding:0;
    position:relative;
    */
    display:block;
    clear:both;
    float:none;
    max-height:46px;
    _height:46px;
    margin:0 4px 10px 4px;
}
ul.video-list-sm li:after {
    content: "";
    font-size:0;
    line-height:0;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.video-list-sm li h4 {
    font-size: 12px;
    line-height: 15px;
}

ul.video-list-sm li .video-thumb-70 {
    /*
    float:left;
    height:40px;
    width:70px;
    margin:-10px 4px 0 0;
    padding:0;
    */
    clear:right;
    float:left;
    border-bottom:1px solid #333;
    margin-right:4px;
    height:42px;
    overflow:hidden;
}

ul.video-list-sm li .video-thumb-70 .video-thumb-wrapper img {
    /*
    width:70px;
    position:absolute;
    top:0px;
    bottom:4px;
    padding:0;
    margin:0;
    border:1px solid #333333;
    */
    width:70px;
    border:0;
    margin:0;
    padding:0;
}

.video-description {

    /*
    float:right;
    width:200px;
    margin:0;
    padding:0;
    */
}

.video-description h4 {
    margin:0 0 2px 0;
    overflow: hidden;
    height: 1em;
    padding:0;
    color: #333333;
}

.video-description h4 a {
    color: #333333;
}

.video-description span {
    margin:0 0 2px 0;
    padding:0;
    font-family: verdana, arial, sans-serif;
    font-size:0.8em;
}

/*end more from this user*/





/*more videos*/

ul.video-thumb-70 {
    margin:0;
    padding:0;
    /*border-bottom:1px dotted #666;*/
    text-align:left;
    width:300px;
}

ul.video-thumb-70 li {

    width:92px; height:120px;
    display:inline;float:left;
    list-style-type:none;list-style-image:none;list-style-position:outside;
    margin:0 4px;padding:0;
    text-align:center;
    font-size:0.9em;line-height:1em;

}

ul.video-thumb-70 li img {
    /*
    border:1px solid #999;
    padding:1px; margin:0 0 4px 0;
    width:90px;height:60px;
    */
    width:90px;
}
ul.video-thumb-70 div.video-thumb-70 {
    border-bottom:1px solid #999;
    margin-bottom:4px;
    padding-bottom:1px;
}
ul.video-thumb-70 div.video-thumb-70 .video-thumb-wrapper {
    border:1px solid #999;
    padding:1px;
    width:90px;
    height:60px;
    overflow:hidden;
}
/*
ul.video-thumb-70 li span {
float:left;
width:82px;
padding:2px;
margin:0 2px 4px 10px;
}*/

.video-title-small {
    margin:0 0 -8px 0;
    padding:0;
    font-size:1.1em;
    font-weight:normal;
}

/*end more videos*/




/*more channels*/

ul.channel-thumb-40 {
    margin:0;
    padding:0;
    /*border-bottom:1px dotted #666;*/
    text-align:center;
    height:70px;
    width:300px;
}

ul.channel-thumb-40 li {
    display:inline;
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
    margin:5px;
    padding:0;
    width:64px;
    overflow: hidden;
    font-size:0.9em;
    line-height:1em;
    float:left;
}

ul.channel-thumb-40 li img {border:1px solid #999; padding:1px;
    width:40px; height:40px;
    margin:0 0 4px 0;
}

/*end more channels*/





/*people favorited*/

.profile-thumb-60 {
    /* width:420px;*/
    width: 90%;
}

.profile-thumb-60 h3 {
    margin:0 0 4px 2px;
    padding:0;
    white-space:nowrap;
}

.profile-thumb-60 ul {
    margin:0;
    padding:0;
}

.profile-thumb-60 ul li {
    display:inline;
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
    margin:0;
    padding:0;
}

.profile-thumb-60 ul li img {
    border:1px solid #333;
    padding:0;
    margin:2px;
}

/*end people favorited*/

/* for yui dialog boxes */
.yui-panel {
    position:absolute;
    left:400px;
    top:200px;
}

#video-ad {
    margin-top: 5px;
}

.container-title {
    margin-top: 15px;
}

div.video-plus-badge {
    float: right;
    background: none;
}

div.video-plus-badge img {
    border-style: none;
}

/* end for yui dialog boxes */

.popup {
    /*	position:absolute;
        left:20%;
        top:40%;
        z-index:2;
        width:400px;*/
    display:none;
}
.popup label {
    display:block;
    clear:both;
    font-weight:bold;
}
.popup .text-input {
    margin-bottom:10px;
}

/* Local Razor implementation of the recovered FlashBox detail view. */
#c-video .flashbox-message {
    margin: 0 0 10px;
}

#c-video .flashbox-player {
    background: #000;
    display: block;
    border: 1px solid #bbbbbb;
}

#c-video .flashbox-description {
    margin-top: 5px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

#c-video .flashbox-comments {
    clear: both;
    padding-top: 14px;
}

#c-video .flashbox-comments .comment-box {
    background: #ededed;
    border: 1px solid #cfcfcf;
    margin: 7px 0 14px;
    padding: 8px;
}

#c-video .flashbox-comments .comment-box label {
    display: block;
    margin-bottom: 4px;
}

#c-video .flashbox-comments .comment-box textarea {
    border: 1px solid #999;
    display: block;
    height: 70px;
    width: 410px;
}

#c-video .flashbox-comments .form-footnote {
    color: #777;
    font-size: 90%;
    padding-top: 3px;
}

#c-video .flashbox-comments .comment-formatting-help {
    font-size:85%;
    margin-top:4px;
}

#c-video .flashbox-comments .comment-formatting-help img,
#c-video .flashbox-comments .comment-text img.smiley {
    border:0;
    vertical-align:middle;
}

#c-video .flashbox-comments .comment-text img.smiley {
    margin:0 1px;
}

#c-video .flashbox-comments .comment-text .user-quote {
    border-left:3px solid #ccc;
    display:block;
    margin:5px 0;
    padding-left:8px;
}

#c-video .formatting-quick-help {
    padding:5px;
}

#c-video .formatting-quick-help h2 {
    margin-bottom:8px;
}

#c-video .formatting-quick-help code {
    font-family:"Courier New", Courier, monospace;
}

#c-video .formatting-quick-smilies img {
    margin-right:5px;
    vertical-align:middle;
}

#c-video .flashbox-comments .form-buttons {
    padding-top: 6px;
}

#c-video .flashbox-empty-comments {
    padding: 8px 0;
}

#c-video #videocomments tr.flashbox-comment-heading td {
    padding-top: 9px;
}

#c-video #videocomments tr.flashbox-comment-body td {
    padding: 5px 0 8px;
}

#c-video #videocomments tr.flashbox-comment-body p {
    white-space: pre-line;
}

#c-video .flashbox-comment-avatar {
    border: 1px solid #999;
    float: right;
    margin: 0 0 5px 8px;
    padding: 1px;
}

#c-video #videocomments tr.flashbox-comment-actions td {
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0 7px;
    text-align: right;
}

#c-video .flashbox-comment-actions form {
    display: inline;
}

#c-video .link-button {
    background: none;
    border: 0;
    color: #369;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

#c-video .flashbox-uploader .container-square-header p {
    margin-bottom: 0;
}

#c-video .container-square-scroll:after,
#c-video .profile-thumb-60 ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}