/***************************************************************************
 * Browse, members, community pages (aka video, channels, community)
 ***************************************************************************/

/* layout */
#body-column {
	width: 750px;
	float: left;
	margin-top: 5px;
}
#side-column {
	float: left;
	width: 190px;
	padding-right: 20px;
	margin-top: 5px;
}

/* modifiers */
.dropdown-arrow {
	width: 9px;
	height: 5px;
	background: transparent url(http://s.ytimg.com/yt/img/dropdown_arrow-vfl69806.png) repeat-x scroll 0 0;
	margin: 0 0 0 4px !important;
}
.browse-modifiers div.subcategory a,
.browse-modifiers div.subcategory span,
.browse-modifiers-extended div.subcategory a,
.browse-modifiers-extended div.subcategory span {
	white-space: nowrap;
}
.browse-modifiers a,
.browse-modifiers-extended a {
	text-decoration: none;
}
.browse-modifiers a:hover,
.browse-modifiers-extended a:hover {
	text-decoration: underline;
}
.browse-modifiers .selected,
.browse-modifiers-extended .selected {
	color: black;
}
.browse-modifiers .not_available,
.browse-modifiers-extended .not_available {
	color: #aaa !important;
}

.browse-modifiers {
	padding: 8px 0 0 10px;
}
.browse-modifiers a {
	font-weight: bold;
}
.browse-tab-modifiers {
	padding-top: 12px;
	position: absolute;
	top: 0;
	left: 0;
	width: 750px;
}
.browse-tab-modifiers .subcategory {
	font-size: 14px;
	float: left;
	height: 25px;
	margin-top: -12px;
	padding: 13px 13px 0 13px;
}
.browse-tab-modifiers .selected {
	background: transparent url(http://s.ytimg.com/yt/img/main_tabs-vfl93996.png) repeat-x scroll 0 -76px;
	padding-left: 7px;
}
.browse-modifiers-leftcap,
.browse-modifiers-rightcap {
	width: 10px;
	height: 38px;
	float: left;
	margin-top: -12px;
}
.browse-modifiers-leftcap {
	background: transparent url(http://s.ytimg.com/yt/img/main_tabs-vfl93996.png) repeat-x scroll 0 0;
}
.browse-modifiers-rightcap {
	background: transparent url(http://s.ytimg.com/yt/img/main_tabs-vfl93996.png) repeat-x scroll 0 -38px;
}

.browse-modifiers-extended div.subcategory {
	border-left: 1px solid #ccc;
	display: inline;
	padding: 0px 10px;
}
.browse-modifiers-extended div.first {
	border-left: 0px;
	padding: 0px 10px 0px 2px;
}
.browse-modifiers-extended {
	border-bottom: 1px solid #ccc;
	clear: both;
}
.browse-modifiers-extended-category {
	color: #666;
	font-weight: bold;
	padding: 6px;
}

#time-slice-modifiers {
	float: right;
	padding: 6px 0;
}
#time-slice-modifiers div.subcategory {
	font-size: 11px;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}
#more-sub-modifiers-dropdown {
	font-size: 12px;
}

/* modules */
.main-tabs-layout-top {
	background-color: #ccc;
	font-size: 15px;
	font-weight: bold;
	height: 33px;
}
.main-tab-layout-top-browse-tabs {
	font-size: 15px;
	font-weight: bold;
	height: 38px;
	position: relative;
}
.main-tab-layout-top-browse-tabs-inner {
	background-color: #ccc;
	height: 33px;
	width: 750px;
	margin-top: 5px;
	position: absolute;
	top: 0;
	left: 0;
}
.main-tabs-layout-top .see-more,
.main-tab-layout-top-browse-tabs .see-more {
	padding-top: 3px;
	*padding-top: 0; /* IE crap */
}
.main-tabs-layout-top .see-more a,
.main-tab-layout-top-browse-tabs .see-more a {
	margin-left: 20px;
}

.event-unit {
	float: left;
	width: 130px;
	text-align: left;
	padding: 10px 0 0 20px;
}

#browseMain .pagingDiv,
.browseAdditional .pagingDiv {
	margin-top: 5px;
	padding-top: 5px;
}

#browseMain .searchHeaderBox div,
#browseMain .shows-alpha-pager div {
	background-color: #fff;
	font-size: 12px;
	font-weight: normal;
}
#browseMain .shows-alpha-pager .pagerCurrent {
	font-weight: bold;
}
#browseMain .shows-alpha-pager .pagingDiv {
	text-align: left;
}
#browseMain .searchHeaderBox .pagingDiv {
	padding-top: 0;
}
#browseMain .searchFooterBox div,
.browseAdditional .searchFooterBox div {
	border-bottom: 0px;
	text-align: left;
	font-size: 12px;
}
#browseMain .pagerCurrent,
.browseAdditional .pagerCurrent,
#browseMain .pagerNotCurrent,
.browseAdditional .pagerNotCurrent {
	margin-right: 0;
}
#browseMain .pagerLabel,
.browseAdditional .pagerLabel {
	display: none;
}

#browseMain,
.browseAdditional {
	margin-bottom: 20px;
}

.memberNameContainer {
	float: left;
	width: 33.2%;
}


/* Clusters */
.video-facets .video-cluster-extra {
	margin-right: 0;
	position: relative;
}
.list-view .video-facets .video-cluster-extra {
	display: block;
	margin-top: 5px;
}
.video-facets .video-cluster-extra span {
	display: inline;
	margin-right: 0;
}
.video-facets .video-cluster-extra div {
	display: block;
}
.video-facets .video-cluster-videos-container {
	background-color: #ECF1FA;
	border: 1px solid #A0B1DC;
	padding: 3px;
	width: 122px;
	position: absolute;
	top: -155px;
	left: -3px;
}
.list-view .video-facets .video-cluster-videos-container {
	width: auto;
	height: 75px;
	top: -75px;
	left: -137px;
	padding: 3px 10px;
}
.video-facets .video-cluster-videos-videos {
	height: 120px;
}
.list-view .video-facets .video-cluster-videos-videos {
	height: auto;
	width: 500px;
}
.video-facets .video-cluster-videos-nav-left,
.video-facets .v50WideEntry,
.video-facets .video-cluster-videos-title {
	float: left;
}
.video-facets .v50WideEntry {
	padding-top: 2px;
}
.video-facets .video-cluster-videos-entry {
	padding-bottom: 4px;
}
.list-view .video-facets .video-cluster-videos-entry {
	float: left;
	width: 190px;
}
.video-facets .video-cluster-videos-title {
	width: 60px;
	height: 36px;
	overflow: hidden;
	padding-left: 3px;
	line-height: 12px;
}
.video-facets .video-cluster-videos-nav-right {
	float: right;
}
.video-facets .video-cluster-videos-nav-play-all {
	text-align: center;
}
.video-facets .video-cluster-videos-count {
	color: black;
	text-align: center;
	padding-bottom: 3px;
}
.video-facets .video-cluster-videos-nav .disabled a {
	visibility: hidden;
}
.video-facets .video-cluster-videos-nav,
.video-facets .video-cluster-videos-nav-right,
.video-facets .video-cluster-videos-nav-left,
.video-facets .video-cluster-videos-count-low,
.video-facets .video-cluster-videos-count-high,
.video-facets .video-cluster-videos-count-total {
	font-weight: bold;
}
.video-facets .video-cluster-videos-nav-right,
.video-facets .video-cluster-videos-nav-left {
	font-size: 14px;
}
.list-view .video-facets .video-cluster-videos-nav-right,
.list-view .video-facets .video-cluster-videos-nav-left {
	width: 40%;
}
.list-view .video-facets .video-cluster-videos-nav-right {
	text-align: left;
}
.list-view .video-facets .video-cluster-videos-nav-left {
	text-align: right;
}
.video-facets .video-cluster-videos-nav-right a,
.video-facets .video-cluster-videos-nav-left a,
.video-facets .video-cluster-videos-nav-right a:hover,
.video-facets .video-cluster-videos-nav-left a:hover {
	text-decoration: none;
}
.video-facets .video-cluster-count {
	font-weight: bold;
	color: black;
}
.video-facets .video-cluster-more {
	text-align: right;
	float: right;
}
.video-facets .video-cluster-more span {
	color: #03c;
	cursor: pointer;
	cursor: hand;
}
.video-facets .video-cluster-more img {
	vertical-align: baseline;
}
.list-view .video-facets .video-cluster-more {
	width: 80%;
	text-align: left;
}


/* right column */
.category-selected {
	
}
#browse-side-header {
	font-size: 19px;
	font-weight: bold;
	padding-bottom: 5px;
}
.browse-categories-side {
	background-color: #eaeaea;
	margin-bottom: 10px;
	padding: 6px 0;
}
.browse-categories-side li {
	font-size: 12px;
	padding: 2.5px 0 2.5px 21px;
	line-height: 16px;
}
.browse-categories-side .browse-category-top-level {
	padding-left: 11px;
	font-weight: bold;
}
.browse-categories-side a {
	color: #000;
}
.browse-categories-side .category-selected {
	background-color: #ccc;
}
.browse-categories-side .category-selected a {
	text-decoration: none;
}
.browse-categories-side .category-selected a:hover {
	text-decoration: none;
}
.browse-categories-side .main-tabs-subcategory {
	padding-left: 31px;
}

.browse-side-column {
	float: left;
	width: 190px;
}

#main-tabs-promo-box {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.main-tabs-promo {
	float: left;
	padding: 20px 0 0 10px;
}
.main-tabs-ad-block {
	float: right;
	width: 300px;
	padding-top: 10px;
}


/* YouTube EDU header */
#edu-search-header {
	position: relative;
	margin: 5px 0;
	background: transparent url(http://s.ytimg.com/yt/img/edu_header-vfl85161.png) repeat-x scroll 0 0;
	width: 959px;
	height: 75px;
}

#edu-search-header-english {
	position: relative;
	margin: 5px 0;
	background: transparent url(http://s.ytimg.com/yt/img/edu_header_english-vfl86343.png) repeat-x scroll 0 0;
	width: 959px;
	height: 75px;
}

#edu-search-header > #edu-home-link,
#edu-search-header-english > #edu-home-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 75px;
}

#edu-search {
	float: right;
	margin: 12px 15px 0 0;
}

#edu-search-text {
	color: white;
	font-weight: bold;
	margin-bottom: 2px;
}

#edu-search-term {
	border: 1px solid #999;
	width: 200px;
	font-size: 13px !important;
	height: 18px;
	padding: 4px 1px 1px 1px;
	vertical-align: middle;
}


/* Shows */
.shows-letter-head {
	font-weight: bold;
	font-size: 16px;
	border-top: 1px solid #ccc;
	padding: 7px 0;
	clear: left;
}
.shows-letter-title {
	font-weight: bold;
	font-size: 12px;
	width: 250px;
	float: left;
	margin-bottom: 13px;
}

.shows-network-head {
	font-weight: bold;
	font-size: 16px;
	border-top: 1px solid #ccc;
	padding: 5px 0 0 0;
	clear: left;
}
.shows-network-icon {
	float: left;
	width: 40px;
	clear: left;
}
.shows-network-container {
	float: left;
	width: 700px;
}
.show-network {
	border-top: 1px solid #eaeaea;
	padding: 10px 0 5px 0;
}
.shows-network-name {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
.shows-network-show-title {
	font-size: 12px;
	width: 230px;
	float: left;
	margin-bottom: 5px;
}

/* Movie and Shows Featured Module */
#movie-promo {
	margin-bottom: 10px;
	width: 732px;
	height: 283px;
	padding: 1px 9px 9px 9px;
	background-color: #ccc;
}
#movie-promo-header {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
}
#movie-promo-body {
	width: 720px;
	padding: 5px;
	height: 243px;
	position: relative;
	background-color: #fff;
}

#movie-promo-pager {
	float: right;
	font-size: 12px;
	color: white;
	font-weight: bold;
	line-height: 26px;
}
#movie-promo-pager span {
	margin: 0 5px;
	cursor: hand;
	cursor: pointer;
}
#movie-promo-pager .selected {
	color: black;
}
.movie-promo-left-arrow,
.movie-promo-right-arrow {
	width: 21px;
	height: 20px;
	cursor: hand;
	cursor: pointer;
	vertical-align: middle;
}
a .movie-promo-left-arrow {
	background: transparent url(http://s.ytimg.com/yt/img/movies_shows-vfl93996.png) no-repeat scroll 0 0;
}
a .movie-promo-right-arrow {
	background: transparent url(http://s.ytimg.com/yt/img/movies_shows-vfl93996.png) no-repeat scroll -21px 0;
	margin-right: 3px;
}
a:hover .movie-promo-left-arrow {
	background: transparent url(http://s.ytimg.com/yt/img/movies_shows-vfl93996.png) no-repeat scroll -42px 0;
}
a:hover .movie-promo-right-arrow {
	background: transparent url(http://s.ytimg.com/yt/img/movies_shows-vfl93996.png) no-repeat scroll -63px 0;
}

.movie-promo-unit {
	position: absolute;
	top: 5px;
	left: 5px;
}

.v432WideEntry,
.movie-promo-text {
	float: left;
}
.movie-promo-img {
	margin-right: 10px;
}
.movie-promo-title {
	font-size: 16px;
	margin-bottom: 2px;
	margin-top: 0;
}
.movie-promo-text {
	width: 275px;
	padding: 0 0 1px 10px;
}
.movie-promo-text p {
	margin: .2em 0;
}
.movie-promo-type {
	color: #666;
}
.movie-promo-available {
	font-weight: bold;
}
.movie-promo-desc {
	margin: 7px 0;
	padding: 7px 0;
	max-height: 100px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}
.movie-promo-credit {
	padding-bottom: 7px;
}