/*
WATCH3 CSS
*/


/* main page sections */
#vidTitle { font-size: 18px; font-weight: bold; margin: 10px 22px 5px 22px; }
#thisVidDiv { width: 480px; }
#thisVidCell { padding-left: 22px; padding-right: 21px; }
#otherVidsDiv { width: 330px; }
#otherVidsCell { padding-right: 22px; }

/* multi use elements */
/* ws = Watch Section */
.wsWrapper { margin-bottom: 20px; }
.wsHeading { font-size: 16px; font-weight: bold; }
.wsBody { border: 1px solid #CCC; margin-top: 5px; }


/* Action Area - actions, ratings, and stats */
#actionsAreaDiv { margin: 10px 0px; text-align: center; } 

#actionsAreaDiv .actionText {
	margin: 0px 0px 0px 4px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

#actionsAreaDiv a.actionLink {
	margin: 0px 12px 0px 0px;
	text-decoration: none;
}

#actionsAreaDiv .actionResult {
	display: none;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	background: #d1f0b3;
	font-weight: bold;
	text-align: center;
}

#actionsAreaDiv .moreAction {
	display: none;
	margin: 10px 0px 0px 0px;
	padding: 15px;
	background: #e6ebfa;
	text-align: left;
}

#actionsAreaDiv .moreAction .close {
	float: right;
	font-size: 11px;
	padding-bottom: 2px;
}

.actionRowBottom {
	text-align: center;
	margin: 10px 0px 0px 5px;
}

.actionRowBottom a, .actionRowBottom a:hover {
	margin-right: 10px;
	text-decoration: none; 
}

.actionRowBottom1 {
	float: left; 
	padding: 1px 3px 3px 3px; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid; 
} 
.actionOverBottom { 
	float: left; 
	padding: 1px 3px 3px 3px; 
	background: #e6ebfa; 
	border-bottom: 1px #999 solid; 
	border-right: 1px #999 solid; 
} 
.actionOverBottom span { text-decoration: underline; } 
.actionClickedBottom { 
	float: left; 
	padding: 1px 3px 3px 3px; 
	background: #e6ebfa; 
	border-top: 1px #999 solid; 
	border-left: 1px #999 solid; 
} 
.actionClickedBottom span { text-decoration: underline; } 

#shareVideoDiv { }

#shareVideoDiv #postBlog { margin-top: 10px; } 

#shareVideoDiv #postBlog label {
	float: left;
	width: 100px;
	color: #666;
	font-weight: bold;
	margin: 3px 8px 8px 0px;
	text-align: right;
}

#shareVideoDiv #postBlog .fieldDiv {
	float: left;
	width: 305px;
	margin: 0px 0px 4px 0px;
}

#shareVideoDiv #postBlog .field { width: 300px; }

#ratingAndStatsDiv { padding-bottom: 2px; }

#ratingAndStatsDiv #ratingDiv { }

#ratingAndStatsDiv #ratingDiv .footerMessage { margin-left: 47px; }

#ratingAndStatsDiv .rating {
	height: auto;
	vertical-align: text-bottom;
}

#ratingAndStatsDiv .statLabel {
	margin: 0px 4px 0px 0px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
}

#ratingAndStatsDiv .ratingCount {
	margin: 0px 0px 0px 4px;
	color: #333;
	font-size: 11px;
}

#ratingAndStatsDiv #viewsDiv {
	float: right;
	padding-top: 3px;
	padding-right: 80px;
}

#ratingAndStatsDiv #statsDiv {
	float: right;
	text-align: right;
	font-size: 11px;
}

#ratingAndStatsDiv .statsLabel { color: #333; font-weight: bold; }

#ratingAndStatsDiv .statsValue {
	padding-left: 2px;
	float: right;
	text-align: left;
}

#vrParentDiv {
	background: #FFC;
	border: 1px solid #FC3;
	font-weight: bold; padding: 5px;
	margin: 5px 0px;
	}


/* Video Stats */
#videoStatsDiv { border: 1px solid #CCC; padding: 5px; font-size: 11px; }
#videoProvidedBy { margin-bottom: 5px; }
#videoOwnerDiv { background: #E6EBFA;  padding: 5px; margin-bottom: 5px; font-size: 11px; }




/* Embed */
#embedDiv { border: 1px solid #CCC; border-top: 0px; padding: 5px; font-size: 11px; }
.embedField { width: 270px; font-size:10px; }
#customizeEmbedDiv { display: none; border: 1px solid #CCC; border-top: 0; padding: 5px; }
#customizeEmbedForm { display: block; float: left; width: 210px; }
#customizeEmbedDesc { display: block; float: right; width: 250px; font-size: 11px; }
#customizeEmbedTheme { display: block; clear: both; height: 100px; }
#customizeEmbedThemeSwatches { float: left; padding: 4px; display: block; width: 310px; height: 80px; }
#customizeEmbedThemePreview { display: block; float: right; margin: 4px; }
.imageRadioLink { border: 0px none; display: inline-block; float: left;  margin: 3px; }
.imageRadioLink:hover img { background-color: lightblue; }
.imageRadioLink img.radio_selected { border: 1px solid #000; }
.imageRadioLink img { border: 1px solid #fff; background-color: #fff; padding: 4px; margin: 0px; }

/* Attribution Area */
#attributionsDiv { margin-top: 5px; margin-bottom: 15px; }



/* Channel Videos */
#channelVidsDiv { background: #EEE; border: 1px solid #CCC; margin-bottom: 20px; }
#channelBrandCap { text-align: center; }
#channelVidsTop { padding: 4px 7px 0px 7px; }
#channelIconDiv { float: left; }
.channelIconWrapper { width: 44px; height: 44px; border: 1px solid #999; }
.channelIcon { overflow: hidden; width: 43px; height: 43px; border: 1px solid #FFF; }
.channelIcon img { height: 43px; margin-left: -6px; }
#channelStats { font-size: 11px; padding-top: 2px; }
#channelVidsBody { padding-left: 7px; }
#channelSeeAllVidsDiv { text-align: right; font-size: 11px; margin-bottom: 10px; }
#channelSeeAllVidsSpan { font-size: 11px; font-weight: normal; padding-left: 4px; }

.comedianCtype { background: #C90; color: #FF9;}
.directorCtype { background: #F33; color: #FCC; }
.guruCtype { background: #090; color: #CFC; }
.musicianCtype { background: #66C; color: #CCF}
.partnerCtype { background: #06F; color: #9CF; }
.politicianCtype { background: #666; color: #FFF; }
.standardCtype { background: #666; color: #FFF; }



/* Video Details */
#videoDetailsDiv {
	margin: 3px 0px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 3px 7px;
	}
#videoStill { }
#videoDescDiv { padding-top: 4px; }
#moreVideoDetailsLink { text-align: right; }
#moreVideoDetailsBody { display: none; }
#lessVideoDetailsLink { display: none; text-align: right; font-size: 11px; }
#videoSpecsDiv { font-size: 11px; line-height: 20px; }
.tagValues { line-height: 13px; padding: 3px 0px 5px 0px; }
#videoURLDiv { }
.urlField { width: 225px; font-size: 10px; }



/* Active Sharing and Streams */
#asDiv { margin: 10px 0px; }
#asHeaderDiv { font-size: 13px; font-weight: bold; padding-bottom: 2px; }
#asUsersDiv { }
#streamsDiv {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 6px 0px;
	}



/* QuickLists */
#watchqueueHeading { text-align: left; font-size: 16px; font-weight: bold; }

.watchSectionDiv { margin-bottom: 20px; }
.watchSectionHeading { font-size: 16px; font-weight: bold; }
.watchSectionBody{ border: 1px solid #CCC; margin-top: 5px; padding: 2px; }


.addtoQL90 {
	text-align: left;
	width:100%;
	margin-left:0px;
	margin-top:-24px;
	padding: 1px;
}

* html .addtoQL90 {
	margin-top: -27px;
}

.addtoQL75 {
	text-align: left;
	width:100%;
	margin-top:-23px;
	margin-left:1px;
}

* html .addtoQL75 {
	margin-top: -27px;
}



.watchVideo {
	float: left;
	width: 23%;
	text-align: center;
	padding: 0px 3px;
}


/* playlist ui css */
.playlistRowLeft {float: left; padding-bottom: 4px; }
.playlistRowMiddle {float: left; padding-left: 4px; padding-top:4px; width: 170px}
.playlistRowRight { vertical-align: middle; text-align: center; float:right;}
.playlistTitle { font-size: 11px; color: #666;}
.playlistUsername { }
.playlistItemDuration { font-size: 11px; color: #666; position:relative; top: -2px;}
.playlistRowDeleter {padding-top: 10px; padding-left: 5px; cursor:pointer; cursor: hand;}
.playlistRow { clear: both; vertical-align: middle; padding-left: 4px; height: 34px; }
.playlistRowPlaying { clear: both; vertical-align: middle; padding-left: 4px; border: 1px solid #FC3; background-color: #FFFFCC; height: 34px; padding-top: 1px; padding-bottom:1px;}
.playlistIndex { font-size: 12px; color: #666; float:left; height:34px; text-align:center; margin-right:0px;}


/* Related Videos */
#relatedVidsBody { padding-left: 7px; padding-top: 10px; }




/*
WATCH2 CSS
*/

h1 {
	font-size: 18px;
	font-weight: bold;
	}


#adLeaderboard {
width:875px;
text-align:center;
display:none;
margin:12px 0;
}

#adFullBanner {
display:none;
margin:12px 0;
}

#adMediumRectangle {
margin-top:12px;
margin-bottom:12px;
display:none;
}

#adSquareRectangle {
width:250px;
height:250px;
display:none;
margin:12px auto;
}

#adSkyscraper {
float:left;
width:120px;
background:#333;
display:none;
}

#interactDiv {
width:450px;
margin-right:15px;
}

#aboutExploreDiv {
width:300px;
margin-right:15px;
}

#sideAdDiv {
width:90px;
}
#ratingDiv {
}
#ratingDiv .rating {
	height: auto;
}
#actionsAndStatsDiv {
width: 450px;
position: relative;
padding: 6px 0 0 0;
margin-top:3px;
margin-bottom:8px;
}

#ratingDiv .rating {
	height: auto;
}
#actionsAndStatsDiv {
width: 450px;
position: relative;
padding: 6px 0 0;
margin-top:12px;
margin-bottom:12px;
background:#f6f6f6;
border:1px #ccc solid;
}

#ratingDivWrapper {
float:left;
text-align:center;
width:26%;
}

#ratingMessage {
margin-bottom:2px;
font-size:11px;
}

#ratingLogin {
margin-top:12px;
font-size:11px;
}

.ratingNote {
width:90px;
font-size:11px;
margin:4px 0;
}

.actionsDiv {
float:left;
text-align:left;
width:28%;
margin-top: 4px;
}

.actionsDiv.sm {
width:22%;
padding-left:4px;
}

.actionRow {
line-height: 1.4em;
}

.statsDiv {
text-align:center;
width:100%;
border-top: 1px #ccc solid;
margin:4px 0 0;
padding:4px 0;
}

.smStat {
font-size: 11px;
margin: 0px 20px;
}

.statRow {
display: inline;
float:left;
border-left:1px #ccc solid;
padding: 5px 10px;
margin:5px;
}
.statVal {
	font-weight: bold;
}
.statDivider {
	margin:2px 10px;
	vertical-align: middle;
	color: #ccc;
	display: inline;
}
#honorLinkDiv {
display: block;
text-align:center;
font-weight: bold;
border-top: 1px #ccc solid;
margin:4px 0 0;
padding:4px 0;
}

/* Popups (divs and windows) */

.popupDiv {
	background: #FFF;
	padding: 6px;
	border: 1px #ccc solid;
	}
.popupDiv .closeDiv {
	float: right;
	font-size: 11px;
	}
.popupDiv .okTable {
	width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	}
#fullStats { display:none; }
#fullStatsClose {
	float: right;
	margin: 0 10px;
}
.moreStats {
	border-top: 1px #ccc solid;
	text-align:left;
	font-size: 85%;
	margin:4px 0 0;
	padding:4px 20px;
}
.statItem {
	margin: 0 0 0 15px;
}
.audioStatItem {
	margin: 3px 0 0 0;
	font-size: 11px;
}
.audioStatKey {
	color: #666;
}
.audioStatValue {
}
#referDiv { }
#honorsDiv { }

/*
.actionResult {
display: none;
text-align: center;
background: #d1f0b3;
font-weight: bold;
padding: 5px;
}
.moreAction {
display: none;
background: #e6ebfa;
font-weight: bold;
padding: 5px;
font-size: 12px;
}
#postResponseText {
float: left;
width: 300px;
}
#postResponseText textarea {
height: 100px;
width: 280px;
}
#postResponseVideo {
float: right;
width: 130px;
line-height: 1.6em;
}
#postResponseVideo span {
display: block;
margin: -5px 0 0 0;
}
*/



#linksToValue {
padding-top:4px;
margin-left:55px;
}

#addFavsDiv {
display:none;
position:absolute;
top:0;
left:0;
width:430px;
overflow:auto;
}

#addPlaylistsDiv {
margin-top:8px;
border-top:1px dashed #666;
padding-top:8px;
}

#sendToMobileDiv{
display:none;
position:absolute;
top:0;
left:0;
width:430px;
height:100px;
overflow:auto;
}

#addGroupsDiv {
display:none;
position:absolute;
top:0;
left:0;
width:430px;
height:250px;
overflow:auto;
}

#embedTextarea {
width:400px;
height:100px;
}

.gpEntry {
margin:0 0 6px 8px;
}

#commentsDiv {
clear:both;
margin-top:20px;
}

.standaloneComments {
width:550px;
}

.commentHeading {
margin:24px 0 0;
}

.commentEntry {
clear:both;
margin:6px 0 16px;
}

.commentEntryReply {
margin:6px 0 16px 40px;
}

.commentHead {
background-color: #EEE;
padding:4px;
}

.commentAuthHead {
background-color:#FFC;
/* background-color:#CFC; */
padding:4px;
}

.commentSpam {
background-color:#FFE;
padding:4px;
}

.commentBody {
margin-top:4px;
margin-left:4px;
}

.commentAction {
margin-top:0;
text-align:right;
}

#commentPostDiv {
margin-top:12px;
}

#commentTextarea {
width:400px;
height:80px;
}

#commentTopAction {
text-align:right;
margin:-8px 0 10px;
}

.commentPagination {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}
.commentPnum { padding: 0px 4px; }

#vResponseParent {
background-color:#FFC;
border:1px solid #FC3;
margin-top:6px;
font-weight: bold;
padding:6px;
}

#vResponseDiv { margin-bottom:10px; }

#vResponseHeading {
background:#EEE;
margin:10px 0 6px;
padding:4px;
}

#aboutVidDiv { margin-bottom:12px; }

#userStatsDiv { margin-left:18px; }

#aboutDirectorTable {
width:100%;
border-spacing:0;
margin:3px 0 0;
padding:0;
}

#aboutDirectorTable td {
vertical-align:bottom;
}

.dvnvp {
margin:1px 0;
}

#vidDescDiv {
margin:8px 0;
}

#vidTagsDiv {
width:140px;
margin-left:245px;
}

#vidTagsValue {
margin-left:38px;
}

#vidFacetsDiv {
margin-top:8px;
}

#vidFacetsTable {
border-spacing:0;
padding:0;
}

#vidFacetsTable td {
vertical-align:middle;
}

#vidFacetsTable td.tags {
padding-bottom:5px;
font-size:11px;
}

.vidURLField {
width:230px;
font-size:10px;
}

#subscribeDiv {
	float: right;
	text-align: center;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width:110px;
}

#exploreBody {
height:450px;
}
#exploreTabs {
width: 300px;
height: 2.2em;
text-align: center;
font-size: 12px;
font-weight: bold;
}
#exploreTabs .selected {
background: #eee;
border-top: 1px #ccc solid;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
}
#exploreTabs .selected a {
text-decoration: none;
color: #000;
}
#exploreTabs .notselected {
background: #fff;
border: none;
}
#exploreTabs .notselected a {
text-decoration: none;
color: #03c;
}
#exploretableft {
width: 90px;
height: 2em;
float: left;
text-align: center;
vertical-align: middle;
}
#exploretabcenter {
width: 118px;
height: 2em;
float: left;
text-align: center;
vertical-align: middle;
}
#exploretabright {
width: 90px;
height: 2em;
float: left;
text-align: center;
}
#exploretabright a {
vertical-align: bottom;
}
.exploreContent {
height:405px;
overflow:auto;
}

#exploreDiv a.selectedNavLink {
color:#000;
font-weight:700;
text-decoration:none;
}

#exploreDiv a.unSelectedNavLink {
color:#03C;
font-weight:400;
text-decoration:none;
border-bottom:1px dotted #03C;
}

#exSubNavTable {
width:100%;
border-spacing:0;
margin:4px 0 8px;
padding:0;
}

#exUserHeadDiv {
font-size:14px;
font-weight:700;
padding-bottom:6px;
}

#plList {
margin-top:4px;
line-height:18px;
}

.showingTable {
width:100%;
border-collapse:separate;
border-spacing:0;
margin:0;
padding:3px;
}

.vWatchEntry {
margin:6px 0 2px;
}

.vWatchEntry table {
border-collapse:separate;
border-spacing:0;
margin:0 4px;
padding:0;
}

.vWatchEntry .title {
font-size:12px;
}

.vWatchEntry .facets {
margin-top:2px;
font-size:11px;
}

.vNowPlaying {
background:#FFC;
padding:2px 0;
}

#dVidsDiv {
margin-bottom:24px;
}

#dVidsDiv .heading {
margin-bottom:6px;
text-align:center;
font-weight:700;
font-size: 15px;
color:#999;
padding:3px 0;
}

#dVidsDiv .vimgMd {
width:90px;
height:70px;
border-width:0;
}

.dvidEntry {
width:90px;
margin-left:auto;
margin-right:auto;
margin-bottom:12px;
}

.dvidEntry .img {
margin-bottom:2px;
}

#watchTable,#commentsDiv table {
border-collapse:separate;
border-spacing:0;
width:100%;
margin:0;
padding:0;
}

#watchTable td,.vWatchEntry td {
vertical-align:top;
}

#ratingCount,#mobileNote,#subscribeCount {
margin-top:2px;
}

#linksToLabel,#vidTagsLabel {
float:left;
}

#linkstoDiv,#inappropriateVidDiv,#blogVidDiv,#embedVidDiv {
display:none;
left:0;
position:absolute;
top:0;
width:430px;
}

#commentSubmit,#directorLogo { margin-top:4px; }

#aboutDirectorTable .img,.vWatchEntry .img { padding-right:6px; }

#vidDescBegin,#vidDescMore,#vidTagsBegin,#vidTagsMore { display:inline; }

#vidDescRemain,#vidDescLess,#vidTagsRemain,#vidTagsLess { display:none; }

#exContentWrapper,#exRelatedDiv,#exUserContentDiv,#exPlaylistDiv { background:#EEE; }

.dvidEntry .title, .dvidEntry .facets { font-size:11px; }


#asBox { background: #f6f6f6; border: 1px #CCC solid; }
#asHeader { padding-bottom: 6px; }
#asTitle { font-size: 13px; font-weight: bold; color: #333; }
#asAbout { font-size: 11px; text-align: right; }
#asUsers { }
.asUser { float: left; padding: 2px 10px 2px 0px; }
#asDefaultUsers { display: inline; }
#asMoreUsers { display: none; }
#asMore, #asLess { display: none; font-size: 11px; text-align: right; }


#commentLimitBox {
	margin-bottom: 30px;
}

#commentLimitBox .header {
	background-color: #f8f3d6;
	padding: 5px;
}

#commentLimitBox .body {
	background-color: #fbf9e8;
	padding: 5px;
}

#commentCaptcha {
	text-align: center;
	margin: 0 auto 0 auto;
	width: 400px;
}

#commentCaptcha .formInput {
	width: 260px;
	padding-top: 15px;
	float: left;
}

#commentCaptcha .verificationImage {
	width: 120px;
	text-align: center;
	float: left;
}


#streamsBox {
        padding:4px;
        margin-bottom:12px;
        margin-top:-2px;
        border:1px #CCC solid;
        background-color:#EEE;
        width:290px;
        height:22px;
}