/* == Layout == */
/* === Global === */

#vpContainer, #vpRow-1 h1 {
    margin:0px;
    padding:0px;
}

#vpContainer a img {
    border:0;
}

.vpColumn {
    float:left;
    position:relative;
    top:0px;
    left:0px;
}

#vpRow-1 .vpCol-1 {
    width:640px;
}

#vpRow-1 .vpCol-2 {
    width:300px;
    margin:25px 0px 0px 20px;
}

#vpRow-1 {
    background:#484848 url(/images/video/player/uvp/bg_row-1.gif) 0 0 repeat-x;
    color:#fff;
}

#vpRow-1,
#vpRow-2 {
    padding:10px;
    overflow:auto;
}

#vpRow-2 {
    width:965px;
    min-height:500px;
}

#vpRow-2 .vpCol-1 {
    width:698px;
    min-height:528px;
    float:left;
    border-bottom:1px solid #d8d8d8;
}

#vpRow-2 .vpCol-2 {
    width:265px;
}

#vpVideoDescription {
    margin-top:10px;
}

#companionAd {
    margin-bottom:10px;
    width:300px;
    height:250px;
}


#videoHolder {
    background:transparent url(/images/loading-484848.gif) 50% 50% no-repeat;
    width:640px;
    height:428px;
    min-height:428px;
}

#videoHolder #myAlternativeContent {
    display:none;
}

#videoHolder object {
    outline:none;
}

#videoHolder #vpWhatsHot {
    height:25px;
}

#vpWHOpenTab,
#vpWHCloseTab,
#vpWHLink,
#vpWHTextNode,
#vpWhatsHot .vpPlayImg {
    float:left;
    display:block;
    height:25px;
    line-height:25px;
}

#vpWHOpenTab,
#vpWHCloseTab {
    width:12px;
}

#vpWHOpenTab {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0px -270px no-repeat;
}

#vpWHCloseTab {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0px -300px no-repeat;
}

#vpWHLink {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0px -330px repeat-x;
}

#videoHolder #vpWhatsHot a {
    color:#000;
    font-size:14px;
    font-weight:700;
}

#videoHolder #vpWhatsHot .vpPlayImg {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 5px -24px no-repeat;
    width:20px;
}

#myAlternativeContent {
    text-align:center;
    font-size:14px;
    line-height:360px;
}

#vpHelp {
    text-align:center;
}

/* == Team/Partner Videos Component == */

#teamVideos,
#partnerVideos {
    clear:both;
}

#vpRow-1 h3 {
    font-size:12px;
    line-height:12px;
    font-weight:700;
    overflow:hidden;
    margin:0px;
}

#teamVideos h3 .txtNode,
#partnerVideos h3 .txtNode,
#teamVideos h3 .decoration,
#partnerVideos h3 .decoration {
    display:block;
    float:left;
}

#teamVideos h3 .txtNode,
#partnerVideos h3 .txtNode {
    padding-left:1px;
}

#teamVideos h3 .decoration,
#partnerVideos h3 .decoration {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) no-repeat 0 -60px;
    width:10px;
    height:12px;
    margin:5px 0px 0px 7px;
}

#teamVideos ul {
    clear:both;
    height:34px;
    border-bottom:1px solid #fff;
    padding-bottom:15px;
}

#partnerVideos ul {
    clear:both;
    height:40px;
}

#teamVideos ul,
#partnerVideos ul,
#vpLoggedOff {
    margin:10px 0px;
    padding-left:0px;
}

#vpLoggedOff {
    clear:both;
}

#vpLoggedOff a {
    color:#fff;
    text-decoration:underline;
}

#teamVideos li,
#partnerVideos li {
    margin-right:15px;
    position:relative;
    top:0px;
    left:0px;
    padding:0px;
}

#teamVideos li {
    background:transparent url(/images/icons/cbseye_lg.jpg) no-repeat 0px 0px;
    z-index:2;
}

#teamVideos li a,
#partnerVideos li a {
    display:block;
    outline:none;
}

#teamVideos li a {
    width:34px;
    height:34px;
}

#partnerVideos li a {
    height:46px;
    text-indent:-9999px;
}

#teamVideos #countTeamVideos {
    position:absolute;
    display:block;
    line-height:20px;
    text-align:center;
    font-weight:700;
    background:transparent url(/images/video/player/uvp/bg_counter.png) no-repeat 0 0;
    width:20px;
    height:20px;
    top:22px;
    left:22px;
}

#partnerVideos li#vp-cbscollegesports {
    background:transparent url(/images/logos_partners.gif) no-repeat 0px 0px;
    width:46px;
}

#partnerVideos li#vp-maxpreps {
    background:transparent url(/images/logos_partners.gif) no-repeat 0px -40px;
    width:46px;
}

#partnerVideos li#vp-youtube {
    background:transparent url(/images/logos_partners.gif) no-repeat 0px -74px;
    width:212px;
    margin-top:10px;
}

#partnerVideos li#vp-youtube a {
    height:24px;
}


/* == Pop Up Box == */

.popUpBoxi {
    position:absolute;
    top:45px;
    width:130px;
    height:auto;
    background-color:#fff;
    border:1px solid #636363;
    display:none;
    z-index:30;
}

#vpRow-1 .popUpBoxiBorder {
    padding:4px;
    width:118px;
    background-color:#fff;
    border:2px solid #d5d5d5;
    color:#000;
    font-weight:700;
    font-size:12px;
}

.knob {
    z-index:30;
    position:absolute;
    background:transparent url(/images/buttons/arrow_up.gif) no-repeat 50% 0;
    height:12px;
    left:5px;
    top:-10px;
    width:21px;
}

/* == Content Section == */

/* === Tabs Customization === */
/* == Layer of customization that applies on top of the YUI tabview core css == */

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin:0px;
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0 -180px repeat-x;
}

.yui-navset .yui-nav li a,
.yui-navset .yui-navset-top .yui-nav li a {
    height:27px;
    line-height:27px;
    font-size:18px;
    font-weight:700;
    color:#000;
    padding-right:8px;
    outline:none;
}

.yui-navset .yui-nav li a:hover,
.yui-navset .yui-navset-top .yui-nav li a:hover {
    text-decoration:none;
}

.yui-navset .yui-nav li.vpTabsLast a,
.yui-navset .yui-navset-top .yui-nav li.vpTabsLast a {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 100% -150px no-repeat;
    padding-right:35px;
}

.yui-navset .yui-nav li.selected a,
.yui-navset .yui-navset-top .yui-nav li.selected a,
.yui-navset .yui-nav li a:hover,
.yui-navset .yui-navset-top .yui-nav li a:hover {
    color:#D56B03;
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0px -120px no-repeat;
    padding-left:32px;
}

.yui-navset .yui-nav li.selected a em,
.yui-navset .yui-navset-top .yui-nav li.selected a em {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0px -210px no-repeat;
}

.yui-navset .yui-nav li.vtTabsFirst a em,
.yui-navset-top .yui-nav li.vpTabsFirst a em {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0px -90px no-repeat;
    padding-left:20px;
}

#vpTabsGroup {
    border-bottom:1px solid #d8d8d8;
}

/* == Video Channels == */
#channelList {
    float:left;
    width:150px;
    border-right:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;
    min-height:500px;
}

#channelList ul li {
    list-style:none;
    position:relative;
    padding:3px 0px;
}

#channelList ul {
    margin:5px 10px 5px 20px;
    padding:0px;
}

#channelList ul#vpTeamChannelList {
    margin-left:10px;
}

#channelList ul ul {
    margin:0px 0px -3px;
    padding:3px 0px 0px 10px;
    display:none;
}

#channelList a {
    font-size:12px;
    font-weight:700;
    color:#013567;
}

#channelList .selected {
    color:#D56B03;
}

#vpChannelContainer {
    float:left;
    width:544px;
    position:relative;
}

#vpChannelContent {
    width:500px;
    overflow:hidden;
    padding:10px 0px 0px 45px;
}

#vpChannelContent.vpMostRecent,
#vpChannelContent.vpMostPopular {
    width:640px;
}

/* toggle */
#channelList a.vpChannelToggle {
    position:relative;
    display:block;
    width:9px;
    height:21px;
    position:absolute;
    top:0px;
    left:-14px;
    outline:none;
}

#channelList a.vpChannelClosed {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) no-repeat -20px -54px;
}

#channelList a.vpChannelOpened {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) no-repeat -10px -54px;
}

/* == Video Content == */
/* == Carousel == */

#carousel {
    margin:0;
    padding:0;
}

#carousel li {
    width:132px;
    height:190px;
    padding:10px;
    position:relative;
    top:0px;
    left:0px;
}

#carousel .vpTitle {
    font-weight:700;
    padding-top:3px;
    font-size:11px;
}

#carousel .descPreview {font-size:10px;}

#carousel img {
    width:132px;
    margin-bottom:0px;
    position:relative;
}

#carousel a {
    outline:none;
    display:block;
    overflow:hidden;
}

#carousel li .vpButton {
    position:absolute;
    bottom:10px;
    left:0px;
    width:100%;
    font-size:11px;
}

#carousel li .vpButton a, #carousel li .vpButton span {
    display:block;
    text-align:center;
    padding:2px 4px;
    margin:0px 15px;
    font-weight:700;
    white-space:nowrap;
}

#carousel li.vpNowPlaying {
    background:#d8d8d8;
}

#carousel li .vpButton .vpInPlayList,
#carousel li .vpButton .vpNowPlaying {
    display:none;
}

#carousel li a.vpAddToPlayList,
#carousel li span.vpInPlayList,
#carousel li span.vpNowPlaying {
    color:#fff;
}

#carousel li a.vpAddToPlayList {
    background:#D56B03;
}

#carousel li span.vpInPlayList {
    background:#484848;
}

#carousel li span.vpNowPlaying {
    background:#000;
}

#carousel li a.vpPlayVideo {
    height: 99px;
    position: relative;
}

#carousel li a.vpPlayVideo img {
    position: absolute;
    bottom: 0px;
}

#carousel .vpPlayImage, #vpPlayList .vpPlayImage {
    position:absolute;
    display:block;
}

#carousel .vpPlayImage {
    background:#000 url(/images/video/player/uvp/sprite_uvp.gif) 0px 0px no-repeat;
    height:22px;
    width:27px;
    bottom:0px;
    right:0px;
    border-top:5px solid #fff;
    border-left:5px solid #fff;
}

#carousel li.vpNowPlaying .vpPlayImage {
    background:#d8d8d8 url(/images/video/player/uvp/sprite_uvp.gif) -27px 0px no-repeat;
    border-color:#d8d8d8;
}

#carousel .vpPlayImageSelected {
    background-position:-27px 0px;
}

#carousel #vpNoDataAvailable, #vpLoading {
    width:435px;
    height:410px;
    text-align:center;
    color:#ccc;
    font-size:35px;
    margin-top:25%;
}

/* == Paginator == */

#paginationContainer {
    position:absolute;
    top:439px;
    left:0px;
    width:545px;
}

.vpMostPopular #paginationContainer,
.vpMostRecent #paginationContainer {
    width:685px;
}

#pagination {
    margin:0px;
    text-align:center;
}

.yui-pg-container {
    display:block;
    margin:6px 0px;
    white-space:nowrap;
}

.yui-pg-first,
.yui-pg-previous,
.yui-pg-next,
.yui-pg-last,
.yui-pg-current,
.yui-pg-pages,
.yui-pg-page {
    display:inline-block;
    padding:3px 6px;
}

.yui-pg-pages {
    padding:0px;
}

.yui-pg-current {
    padding:3px 0px;
}

a.yui-pg-first:link,
a.yui-pg-first:visited,
a.yui-pg-first:active,
a.yui-pg-first:hover,
a.yui-pg-previous:link,
a.yui-pg-previous:visited,
a.yui-pg-previous:active,
a.yui-pg-previous:hover,
a.yui-pg-next:link,
a.yui-pg-next:visited,
a.yui-pg-next:active,
a.yui-pg-next:hover,
a.yui-pg-last:link,
a.yui-pg-last:visited,
a.yui-pg-last:active,
a.yui-pg-last:hover,
a.yui-pg-page:link,
a.yui-pg-page:visited,
a.yui-pg-page:active,
a.yui-pg-page:hover {
    color:#D56B03;
    text-decoration:underline;
    outline:0;
}

span.yui-pg-first,
span.yui-pg-previous,
span.yui-pg-next,
span.yui-pg-last {
    color:#a6a6a6;
}

.yui-pg-page {
    border:1px solid #CBCBCB;
    padding:2px 6px;
    text-decoration:none;
    margin:0px 1px;
}

.yui-pg-current-page {
    background-color:#D56B03;
    color:#FFF;
    border:none;
    font-weight:bold;
    padding:3px 6px;
}

.yui-pg-first,
.yui-pg-previous {
    padding-left:0px;
}

.yui-pg-next,
.yui-pg-last {
    padding-right:0px;
}

.yui-pg-current,
.yui-pg-rpp-options {
    margin-left:1em;
    margin-right:1em;
}

#vpCarouselControl .yui-pg-pages {
    display:none;
}

#vpCarouselControl .yui-pg-previous,
#vpCarouselControl .yui-pg-next {
    display:block;
    position:absolute;
    top:205px;
    width:25px;
    height:22px;
    text-indent:-9999px;
    padding:0px;
}

#vpCarouselControl .yui-pg-previous {
    left:15px;
    background:transparent url(/images/cbss/ui4/photos/buttons-flat.gif) 0px 0px no-repeat;
}

#vpCarouselControl .yui-pg-next {
    left:507px;
    background:transparent url(/images/cbss/ui4/photos/buttons-flat.gif) -25px 0px no-repeat;
}

.vpMostRecent #vpCarouselControl .yui-pg-next,
.vpMostPopular #vpCarouselControl .yui-pg-next {
    left:650px;
}

#vpCarouselControl span.yui-pg-previous {
    background:transparent url(/images/cbss/ui4/photos/buttons-flat.gif) 0px -22px no-repeat;
}

#vpCarouselControl span.yui-pg-next {
    background:transparent url(/images/cbss/ui4/photos/buttons-flat.gif) -25px -22px no-repeat;
}

/* == Component Util == */

#vpContentTabs li,
#teamVideos li,
#partnerVideos li,
#carousel li {
    list-style:none;
    float:left;
}

.show { display:block; }
.hide { display:none; }

/* == Playlist == */

#vpPlayList {
    clear:both;
    min-height:500px;
}

#vpPlayListContainer h3 {
    font-size:18px;
    font-weight:700;
    line-height:27px;
    margin:0px;
}

#vpPLOpenTab, #vpPLTextNode, #vpPLCloseTab {
    float:left;
    display:block;
    height:27px;
}

#vpPLOpenTab {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0 -90px no-repeat;
    width:7px;
}

#vpPLTextNode {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0 -180px repeat-x;
    padding:0px 14px;
}

#vpPLCloseTab {
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 100% -150px no-repeat;
    width:28px;
}

#vpPlayList ol {
    margin:0px;
    padding:0px;
    border:1px solid #D8D8D8;
    height:500px;
    overflow:auto;
}

#vpPlayList li {
    list-style:none;
    clear:both;
    padding:5px;
    border-bottom:1px solid #D8D8D8;
    height:36px;
    position:relative;
}

#vpPlayList li img {
    margin-right:3px;
    float:left;
    width:48px;
    height:36px;
}

#vpPlayList .vpPlayImage {
    background:#000 url(/images/video/player/uvp/sprite_uvp.gif) 0 -30px no-repeat;
    height:15px;
    width:15px;
    top:24px;
    left:36px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
}

.vpRemoveFromPlayList {
    position:absolute;
    top:5px;
    right:5px;
    color:#000;
    display:block;
    background:transparent url(/images/video/player/uvp/sprite_uvp.gif) 0 -237px no-repeat;
    padding-left:13px;
}

.vpPLDescPreview {
    display:block;
    float:left;
    width:55%;
}

#vpTalkBack {
    margin:0 10px;
}

/* == Typography == */

h1.vpVideoTitle {
    font-size:20px;
    font-height:20px;
    margin-bottom:12px;
    font-weight:normal;
    padding:0;
}

.videoErrorMessage {
    display: inline;
    top: -300px;
    position: relative;
    width: 500px;
    font-size: 14px;
    text-align: center;
}

/* == END == */