/* -------------------------------
          General Page
-------------------------------- */

.Page {
    width: 980px;
    background-color: #183756;
	height:722px;
	position:relative;
	text-align:left;
}

div.ButtonLabel {
    overflow:hidden;
}

.MashupButton {
	background-image:url(../images/create_mashup.jpg);
	height:23px;
	left:621px;
	position:absolute;
	top:27px;
	width:188px;
	background-position: 0 0;
}

.MashupButton:hover {
	background-position: 0 -23px;
}

/* -------------------------------
          PVS ChannelBar
-------------------------------- */

#ChannelBar_Holder {
	height:30px;
	position:relative;
	text-align:center;
	width:960px;
}

#Consumption_ChannelBar {
	height:22px;
	position:absolute;
	top:8px;
	width:500px;
	left:10px;
}

#Consumption_ChannelBar .Button {
	float:left;
	text-align:center;
	cursor:pointer;
	height:22px;
	width:120px;
}

#Consumption_ChannelBar .ButtonLabel {
	background-image: url(../images/consumptiontabs_all.png);
	background-repeat: no-repeat;
}

#Consumption_ChannelBar .MostRecent {
	background-position: 0 -22px;
}

#Consumption_ChannelBar .MostRecent_Selected {
	background-position: 0 0;
}

#Consumption_ChannelBar .MostRecent_MouseOver {
	background-position: 0 0;
}

#Consumption_ChannelBar .TopRated {
	background-position: -120px -22px;
}

#Consumption_ChannelBar .TopRated_Selected {
	background-position: -120px 0;
}

#Consumption_ChannelBar .TopRated_MouseOver {
	background-position: -120px 0;
}

#Consumption_ChannelBar .MyMash-Ups {
	background-position: -240px -22px;
}

#Consumption_ChannelBar .MyMash-Ups_Selected {
	background-position: -240px 0;
}

#Consumption_ChannelBar .MyMash-Ups_MouseOver {
	background-position: -240px 0;
}

#Consumption_ChannelBar .MostViewed {
	background-position: -360px -22px;
}

#Consumption_ChannelBar .MostViewed_Selected {
	background-position: -360px 0;
}

#Consumption_ChannelBar .MostViewed_MouseOver {
	background-position: -360px 0;
}

/* -------------------------------
       CenterColumns Layout
-------------------------------- */

.CenterColumns {
	height:372px;
}

.CenterColumns .Column {
    float: left;
    height: 362px;
}

.CenterColumns .LeftColumn {
    position: relative;
    width: 530px;
	margin-left:10px;
	display:inline;
	margin-top:10px;
}

.CenterColumns .MiddleColumn {
    margin-left:10px; 
    width: 420px;
	display:inline;
	margin-top:10px;
}

.BottomColumns {
	height: 285px;
	float:left;
}

.BottomColumns .Column {
	background-image: url(../images/bottomcolumnbg.jpg);
	height:285px;
	margin-left:10px;
	width:960px;
}

.SearchArea {
	display:inline;
	height:25px;
	position:absolute;
	right:59px!important;
	right:159px;
	width:200px;
}

#Consumption_SearchBox {
	position:absolute;
	top:4px;
}

#Consumption_SearchBox .SearchForm {
	position:absolute;
	height:24px;
	width:250px;
}

#Consumption_SearchBox input {
	height:20px;
	left:0;
	position:absolute;
	top:2px;
	width:196px;
}

#Consumption_SearchBox .SearchBoxLabel{
	position:absolute;
	left: 4px;
	top:5px;
}

#Consumption_SearchBox .SubmitButton{
	background-image:url(../images/go_back_sprite.jpg);
	background-position:0 0;
	height:20px;
	left:204px;
	position:absolute;
	top:2px;
	width:45px;
	cursor:pointer;
}

#Consumption_SearchBox .SubmitButton_MouseOver{
	background-position: 0 -20px;
}

#Consumption_LevelTitle {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	height:26px;
	padding-top:8px;
	text-align:center;
	width:255px;
	margin-left:5px;
}


/* -------------------------------
       CenterLeft: Navigator
-------------------------------- */

#Consumption_Navigator .NoContentMessage {
    display: none;
}

.NoContent#Consumption_Navigator .NoContentMessage {
	color:#19242F;
	display:block;
	font-size:36px;
	left:355px;
	position:absolute;
	top:480px;
	width:280px;
}

#Consumption_Navigator.ScrollBarListPane .ScrollBarHolder {
	background-color:#3C618C;
	height:250px;
	margin-left:10px;
	margin-top:0;
	width:940px;
}

#Consumption_Navigator .NavigatorButton {
	background-image:url(../images/segmentbg_sprite.jpg);
	cursor:pointer;
	float:left;
	height:79px;
	margin-left:3px;
	margin-top:3px;
	position:relative;
	width:226px;
	display:inline;
	background-position: 0 0;
}

#Consumption_Navigator .NavigatorButton_MouseOver {
	background-position: 0 -79px;
}

#Consumption_Navigator .DrillDownButton_MouseOver,
#Consumption_Navigator .SegmentButton_MouseOver {
	background-position: 0 -79px;
}

#Consumption_Navigator .DrillDownButton_Selected,
#Consumption_Navigator .SegmentButton_Selected {
	background-position: 0 -79px;
}

#Consumption_Navigator .DrillDownButton_Selected_MouseOver,
#Consumption_Navigator .SegmentButton_Selected_MouseOver {
	background-position: 0 -79px;
}

#Consumption_Navigator .NavigatorPlay {
	background-image:url(../images/navthumb_sprite.gif);
	height:16px;
	left:2px;
	position:absolute;
	top:18px;
	width:26px;
	background-position: -88px 0;
}

#Consumption_Navigator .SegmentButton .NavigatorAddToFavorites {
    display:none;
}

#Consumption_Navigator.RemixMyFavorites .SegmentButton .NavigatorAddToFavorites {
    display: none;
}

#Consumption_Navigator.RemixMyFavorites div.SegmentButton div.NavigatorMoveUp {
	display:none;
}

div#Consumption_Navigator.RemixMyFavorites div.SegmentButton div.NavigatorMoveUp_MouseOver {
	display:none;
}

div#Consumption_Navigator.RemixMyFavorites div.FirstContent div.NavigatorMoveUp {
   	display:none;
}

div#Consumption_Navigator.RemixMyFavorites div.SegmentButton div.NavigatorRemove {
	display:none;
}

div#Consumption_Navigator.RemixMyFavorites div.SegmentButton div.NavigatorRemove_MouseOver {
	display:none;
}

div#Consumption_Navigator.RemixMyFavorites div.SegmentButton div.NavigatorMoveDown {
	display:none;
}

div#Consumption_Navigator.RemixMyFavorites div.SegmentButton div.NavigatorMoveDown_MouseOver {
	display:none;
}
div#Consumption_Navigator.RemixMyFavorites div.LastContent div.NavigatorMoveDown {
    	display:none;
}

#Consumption_Navigator div.LabelPrimaryDetail {
	color:#222222;
	font-size:11px;
	font-weight:bold;
	height:15px;
	left:4px;
	position:absolute;
	top:3px;
	width:219px;
}

#Consumption_Navigator .LabelSecondaryDetail {
	display:none;
}

#Consumption_Navigator .LabelTertiaryDetail {
    display: none;
}

div#Consumption_Navigator div.LabelUserName {
	color:#222222;
	font-size:10px;
	height:13px;
	left:127px;
	position:absolute;
	top:17px;
	width:97px;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#Consumption_Navigator div.LabelUserName { top:53px; }
}*/

div#Consumption_Navigator div.LabelDuration {
	color:#48545F;
	font-size:9px;
	height:12px;
	left:138px;
	position:absolute;
	top:66px;
	width:117px;
}

#Consumption_Navigator .Thumbnail {
	background-color:#CDCDCD;
	left:2px;
	position:absolute;
	top:18px;
}

#Consumption_Navigator .Thumbnail img {
    width: 104px;
    height: 59px;
}

#Consumption_Navigator .Rater {
    position: absolute;
    top: 45px;
    left: 107px;
	height: 18px;
	width: 100px;
}

#Consumption_Navigator div.Rater div.RateButton {
    float:left;
    font-size:1px;
    height:14px;
    margin:1px;
    width:16px;
    background-image: url(../images/star_white.png);
}   

#Consumption_Navigator div.Rater div.RateButton_Active {
    background-image: url(../images/star_red.png);
}

#Consumption_Navigator div.Rater div.RateButton_Active_User {
    background-image: url(../images/star_red.png);
}

#Consumption_Navigator .Selected div.Rater div.RateButton {
    background-image: url(../images/star_white.png);
}   

#Consumption_Navigator .Selected div.Rater div.RateButton_Active {
    background-image: url(../images/star_red.png);
}

#Consumption_Navigator .Selected div.Rater div.RateButton_Active_User {
    background-image: url(../images/star_red.png);
}

#Consumption_Navigator .MouseOver div.Rater div.RateButton {
    background-image: url(../images/star_white.png);
}   

#Consumption_Navigator .MouseOver div.Rater div.RateButton_Active {
    background-image: url(../images/star_red.png);
}

#Consumption_Navigator .MouseOver div.Rater div.RateButton_Active_User {
    background-image: url(../images/star_red.png);
}

div#Consumption_Navigator div.LabelVoteRank {
	color:#222222;
	font-size:10px;
	font-weight:bold;
	left:137px;
	position:absolute;
	top:62px;
	width:30px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#Consumption_Navigator div.LabelVoteRank { top:63px; }
}
	
div#Consumption_Navigator div.LabelNumVotes {
	display:none;
}

div#Consumption_Navigator div.LabelNumPlays {
	display:none;
}


/* -------------------------------
    CenterMiddle: VideoPlayer
-------------------------------- */

#Consumption_VideoPlayer {
    height: 352px;
}

/* -------------------------------
    CenterMiddle: NowPlaying
-------------------------------- */

.Instructions {
	height:245px;
	background-image: url(../images/420x245.jpg);
}

#Consumption_NowPlayingInfo {
    height: 245px;
	background-image: url(../images/nowplayingbg.jpg);
	position:relative;
}

#Consumption_NowPlayingInfo .Terms {
	height:17px;
	left:324px;
	position:absolute;
	top:234px;
	width:119px;
}

#Consumption_NowPlayingInfo .Author {
	height:26px;
	left:8px;
	position:absolute;
	top:201px;
	width:128px;
}

#Consumption_NowPlayingInfo .Details .NowPlayingPrimaryDetail {
	color:#EEEEEE;
	font-size:16px;
	font-weight:bold;
	height:43px;
	left:27px;
	position:absolute;
	top:57px;
	width:195px;
}

#Consumption_NowPlayingInfo .Details .NowPlayingSecondaryDetail {
	color:#EEEEEE;
	font-size:12px;
	font-weight:bold;
	height:61px;
	left:27px;
	position:absolute;
	top:101px;
	width:195px;
}

#Consumption_NowPlayingInfo .Details .NowPlayingTertiaryDetail {
	display:none;
}

#Consumption_NowPlayingInfo .ThumbnailHolder {
	background-color:#999999;
	left:242px;
	padding:1px;
	position:absolute;
	top:57px;
}

#Consumption_NowPlayingInfo .ThumbnailHolder .Thumbnail {
	height:90px;
	width:160px;
}

#Consumption_NowPlayingInfo div.NowPlayingAddToFavoritesButton {
	display:none;
}

#Consumption_NowPlayingInfo div.Consumption_NowplayingInfo_NowPlayingAddToRemixButton {
	background-image:url(../images/mashthisup_sprite.jpg);
	cursor:pointer;
	height:19px;
	left:260px;
	position:absolute;
	top:170px;
	width:122px;
	background-position: 0 0;
}

#Consumption_NowPlayingInfo div.Consumption_NowplayingInfo_NowPlayingAddToRemixButton_MouseOver {
	background-position: 0 -19px;
}

div#Consumption_NowPlayingInfo div.NowPlayingEditButton {
	display:none;
}

div#Consumption_NowPlayingInfo div.FlagButton {
	display:none;
}

div#Consumption_NowPlayingInfo div.NowPlayingFlagPlaylistButton {
	display:none;
}

div#Consumption_NowPlayingInfo div.NowPlayingDeleteRemixButton {
	display:none;
}

div#Consumption_NowPlayingInfo div.NowPlayingShareButton {
	display:none;
}

div#Consumption_NowPlayingInfo div.ShareButton,
div#Consumption_NowPlayingInfo div.DeleteButton
{
    display:none;
}

div#Consumption_NowPlayingInfo .ShareButtons {
	height:30px;
	left:261px;
	position:absolute;
	top:205px;
	width:125px;
}

#Consumption_NowPlayingInfo .UserName {
	color:#EEEEEE;
	font-weight:bold;
	left:58px;
	position:absolute;
	top:191px;
}

#Consumption_NowPlayingInfo .Rater {
	left:78px;
	position:absolute;
	top:210px;
}

#Consumption_NowPlayingInfo .Disabled {
    display: none;
}

#Consumption_NowPlayingInfo .Tags {
    display: none;
}

#Consumption_NowPlayingInfo .Tags a {
    text-decoration:underline;
}

#Consumption_NowPlayingInfo .LabelNumVotes {
	display:none;
}

#Consumption_NowPlayingInfo .LabelNumPlays {
	display:none;
}

#Consumption_NowPlayingInfo .LabelVoteRank{
	display:none;
}

#Consumption_NowPlayingInfo .Duration {
    /*position: absolute;
    left: 120px;
    top: 64px;
    color:#fff;*/
	display:none;
}

#Consumption_NowPlayingInfo .OtherRemixesByThisUser {
    display: none;
}

#Consumption_NowPlayingInfo .OtherRemixesByThisUser .RemixList .Remix {
    display: none;
}

#Banner {
	width:420px;
	height:97px;
	margin-top:10px;
}

/* -------------------------------
        Static Navigators
-------------------------------- */

.StaticNavigator .ScrollBarHolder {
    width: 324px;
    height: 250px;
}

.StaticNavigator .NavigatorButton {
    position: relative;
    width: 306px;
    height: 70px;
    cursor: pointer;
    border-bottom: 1px #215682 dotted;
}

.StaticNavigator .DrillDownButton_MouseOver,
.StaticNavigator .SegmentButton_MouseOver {
    background-color: #00adef;
}

.StaticNavigator .DrillDownButton_Selected,
.StaticNavigator .SegmentButton_Selected {
    background-color: #00adef;
}

.StaticNavigator .DrillDownButton_Selected_MouseOver,
.StaticNavigator .SegmentButton_Selected_MouseOver {
    background-color: #00adef;
}

.StaticNavigator .DrillDownButton .RightArrow {
    float: right;
    margin-top: 23px;
    width: 10px;
    height: 17px;
    background-image: url(../images/Navigator_RightArrow.gif);
    font-size: 1px;
}

.StaticNavigator .SegmentButton .NavigatorAddToFavorites {
    cursor: pointer;
    position: absolute;
    left: 165px;
    top: 6px;
    height: 17px;
    width: 17px;
    background-image:url('../images/Navigator_Button_Add.gif');
    background-repeat:no-repeat;
    font-size:1px;
}

.StaticNavigator .LabelPrimaryDetail {
    position: absolute;
    white-space: nowrap;
    top: 5px;
    left: 107px;
    width: 190px;
    font-weight: bold;
}

.StaticNavigator .LabelSecondaryDetail {
    position: absolute;
    top: 23px;
    left: 107px;
    width: 190px;
    height: 29px;
    font-size: 10px;
}

.StaticNavigator .LabelTertiaryDetail {
    display: none;
}

div.StaticNavigator div.LabelUserName {
    position:absolute;
    top:54px;
    left:108px;
    width:85px;
    font-size:10px;
    text-decoration:underline;
}

div.StaticNavigator div.LabelDuration {
    position:absolute;
    top:54px;
    left:265px;
    width:35px;
    font-size:10px;
    text-align:right;
}

.StaticNavigator .Thumbnail {
    position: absolute;
    left: 4px;
    top: 7px;
    padding: 1px;
    background-color: #ffffff;
}

.StaticNavigator .Thumbnail img {
    width: 96px;
    height: 54px;
}

.StaticNavigator .Rater {
    position: absolute;
    top: 53px;
    left: 196px;
}


    
.ScrollbarListPane .ScrollbarContentList {
    margin-left:1px;
	margin-top:1px;
}

.SharePlaylist label,
.EmbedPlaylist label,
.ShareSegment .ShareSegmentLabel,
.EmbedSegment .EmbedSegmentLabel {
    position: absolute;
    left: 0;
    display: block;
    width: 9em;
    text-align: right;
}

.SharePlaylist label {
    top: 6px;
}

.EmbedPlaylist label {
    top: 29px;
}

.ShareSegment .ShareSegmentLabel {
    top: 52px;
}

.EmbedSegment .EmbedSegmentLabel {
    top: 75px;
}

.SharePlaylist .ShareURLBox,
.ShareSegment .ShareURLBox,
.EmbedSegment input,
.EmbedPlaylist input {
    position: absolute;
    width: 12em;
    left: 9em;
}

.SharePlaylist .ShareURLBox {
    top: 5px;
}

.ShareSegment .ShareURLBox {
    top: 51px;
}

.EmbedSegment input {
    top: 74px;
}

.EmbedPlaylist input {
    top: 28px;
}

.ShareURLBox input{
    background-color:#fff;
}