/**
 * specific styles for the module box 'Watchplayer' & 'Watchinfo'
 */



#videoshare, #videoinfo {
    width: 221px;
    height: 351px;
    padding: 11px 6px 0 14px;
    overflow-y: auto;
}

#Watchplayer {
    width: 679px;
    height: 400px;
    float: left;
    border: none;
}

#Watchinfo {
    float: right;
    width: 250px;
    height: 400px;
    overflow: hidden;
}

#Watchinfo h1 {
    font-size: 1.4em;
    line-height: 110%;
    margin: 0 0 15px;
}

#Watchinfo .uoTab-Share.selected {
    background-position: left -1150px;
}

/* fix for opera 9.27, since it doesn't understand overflow-y */
@media all and (-webkit-min-device-pixel-ratio:10000) {
    #videoshare, #videoinfo {
        overflow: scroll;
    }
}


/* video share box */
#videoshare p {
    font-size: 1.2em;
    margin: 8px 0;
}

#videoshare label, #videoshare input {
    margin: 0;
}

#videoshare input {
    width: 140px;
    background: #e6e6e6;
    border: none;
}

#videoshare input:active {
    color: #000;
}

#videoshare .bookmarks {
    margin: 7px 0 23px;
}

#videoshare .bookmarks li {
    float: left;
    margin-left: 4px;
    list-style: none;
}

#videoshare .bookmarks li:first-child, #videoshare .bookmarks li.first-child {
    margin-left: 0;
}

#videoshare .bookmarks span {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

#videoshare .bookmarks a {
    float: left;
    width: 21px;
    height: 25px;
    background-image: url(images/sprite.social_media.jpg);
    background-repeat: no-repeat;
}

#videoshare .bookmarks a.twitter   { background-position: 0 0 }
#videoshare .bookmarks a.facebook  { background-position: 0 -50px }
#videoshare .bookmarks a.delicious { background-position: 0 -100px }
#videoshare .bookmarks a.digg      { background-position: 0 -150px }
#videoshare .bookmarks a.webnews   { background-position: 0 -200px }
#videoshare .bookmarks a.oneview   { background-position: 0 -250px }
#videoshare .bookmarks a.jigg      { background-position: 0 -300px }
#videoshare .bookmarks a.google    { background-position: 0 -350px }
#videoshare .bookmarks a.yahoo     { background-position: 0 -400px }

#videoshare .bookmarks a.twitter:hover, #videoshare .bookmarks a.twitter:focus     { background-position: -35px 0 }
#videoshare .bookmarks a.facebook:hover, #videoshare .bookmarks a.facebook:focus   { background-position: -35px -50px }
#videoshare .bookmarks a.delicious:hover, #videoshare .bookmarks a.delicious:focus { background-position: -35px -100px }
#videoshare .bookmarks a.digg:hover, #videoshare .bookmarks a.digg:focus           { background-position: -35px -150px }
#videoshare .bookmarks a.webnews:hover, #videoshare .bookmarks a.webnews:focus     { background-position: -35px -200px }
#videoshare .bookmarks a.oneview:hover, #videoshare .bookmarks a.oneview:focus     { background-position: -35px -250px }
#videoshare .bookmarks a.jigg:hover, #videoshare .bookmarks a.jigg:focus           { background-position: -35px -300px }
#videoshare .bookmarks a.google:hover, #videoshare .bookmarks a.google:focus       { background-position: -35px -350px }
#videoshare .bookmarks a.yahoo:hover, #videoshare .bookmarks a.yahoo:focus         { background-position: -35px -400px }

#videoshare a.send_a_friend {
    margin: 20px 0 17px;
    padding-left: 20px;
    background-position: -100px -199px;
}

#videoshare a.download {
    display: block;
    height: 14px;
    padding: 1px 0 0 20px;
    line-height: 17px;
    background-position: -100px -151px;
}





/* video info box */
/*#videoinfo, .uoTab-Info {
    background: #00d8ff;
}
*/
#videoinfo h3, #videoinfo p {
    font-size: 1.1em;
}

#videoinfo h3 {
	margin:0px;
    margin-bottom: 2px;
}

#videoinfo p {
    margin: 2px 0 12px;
}

#videoinfo p.addToPlaylist {
    background: #f7f7f7;
    padding: 4px 0;
}

#videoinfo a.addToPlaylist {
    background-position: 0 -652px;
    padding: 2px 0 2px 20px;
}



/* rate video */
#videoinfo .ratevideo {
    margin: 5px 0 15px;
}

#videoinfo .ratevideo a {
    float: left;
    width: 22px;
    height: 20px;
}

#videoinfo .ratevideo .rating {
    display: block;
    margin: 2px 0 5px;
    height: 20px;
    width: 110px;
}

#videoinfo .ratevideo .rating   { background-position: -100px -300px }
#videoinfo .ratevideo .rating1  { background-position: -100px -320px }
#videoinfo .ratevideo .rating2  { background-position: -100px -340px }
#videoinfo .ratevideo .rating3  { background-position: -100px -360px }
#videoinfo .ratevideo .rating4  { background-position: -100px -380px }
#videoinfo .ratevideo .rating5  { background-position: -100px -400px }
#videoinfo .ratevideo .ratingh0 { background-position: -100px -300px !important }
#videoinfo .ratevideo .ratingh1 { background-position: -100px -320px !important }
#videoinfo .ratevideo .ratingh2 { background-position: -100px -340px !important }
#videoinfo .ratevideo .ratingh3 { background-position: -100px -360px !important }
#videoinfo .ratevideo .ratingh4 { background-position: -100px -380px !important }
#videoinfo .ratevideo .ratingh5 { background-position: -100px -400px !important }

#videoinfo .ratevideo a span {
    position: absolute;
    top: -9999px;
    left: -9999px;
}




/* related videos */
.relatedVideos li {
    border-top: 1px solid #fff;
    font-size: 1.1em;
    margin: 5px 0;
    padding: 5px 0 0;
    position: relative;
}

.relatedVideos li:first-child {
    border: none;
}

.relatedVideos li.first {
    border-top: none;
}

.relatedVideos p {
    font-size: 1em !important;
    margin: 0 !important;
}

.relatedVideos li span.preview img {
	position: absolute;
	top: 50%;
	left: 50%;
}

.relatedVideos .preview a {
    width: 50px;
	height: 30px;
	overflow: hidden;
	background-color: #ccc;
	position: relative;
    float: left;
    margin-right: 7px;
}

.relatedVideos em {
    font-style: normal;
    display: block;
}

.relatedVideos .rating {
    position: absolute;
    right: 0;
    bottom: 0;
}

.descriptionHidden {
	display:none;
}

.errorBox {
	margin-top:10px;
	margin-bottom:5px;
	font-weight:bold;
	color:#FF0000;
	font-size:14px;
}

.errorMessage {
	margin-bottom:5px;
	font-weight:bold;
	color:#FF0000;
	font-size:12px;
}