﻿#videoPlayerContainer{
    color: #000000;
    background-color: #ffffff;
}
#videoPlayerContainer {
    width: 620px;
    height: 350px;
    background: url(/lib/cbcmusic/images/videoPlayer.png) no-repeat;
}

.videoitem
{
    padding: 0 0 20px 0;
}
.videoitem p { font-size: 15px;}
.videoitem h3 { margin-bottom: 3px; }
.videoitem h3 a {
    font-family:'TradeGothicNextW01-Bold 693229';
    margin-bottom: 5px;
    font-size: 17px;
    color: #369;
}
.videoitem h3 a:hover {
    color: #333;
    cursor: pointer;
}
.thumbnail
{
    float: left;
    width:140px;
    padding: 5px 0 0 0;
    position: relative;
}

.thumbnail a:hover
{
    cursor:pointer;
}

.thumbnail span
{   width: 39px;
    text-align: center;
    color: #F8F8F8;
    background-color: #000;
    padding: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right:1px;
}

.videoThumbnail {
    width: 140px;
    height: 79px;
}

.details
{
    float: left;
    width: 240px;
    padding: 5px 0 0 10px;
}
.blue { color: aqua; background-color: aquamarine}
#concert .details
{
    width: 220px;
    padding: 2px 0 0 13px;
}

#concert .details h3 { font-size: 15px; }
#concert .details a,#concert .details a:visited,
#modPage .playVideo.videoLink,#modPage .playVideo.videoLink:visited  
{
    text-transform: uppercase;
    display: inline-block;
    padding-left: 15px;
    color: #006699;
    background: url("/lib/cbcmusic/images/sprites/cbcmusic.png") no-repeat -500px 2px;
    font-size: 15px;
    line-height: 17px
}
#concert .details a:active, #concert .details a:hover,
#modPage .playVideo.videoLink:active, #modPage .playVideo.videoLink:hover {
    color: #000;
    background: url("/lib/cbcmusic/images/sprites/cbcmusic.png") no-repeat -500px -58px;
    cursor: pointer;
} 
#videoGallery { position: relative; }
.galleryHeader
{
    border-top: solid 1px #e6e6e6;
    position: relative;
    padding: 1px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}

#galleryOverlay  
{
    float: left;
    width: 400px;
    position: absolute;
    top: 11px;
    z-index: 100;
    left: 10px;
   }
#galleryOverlay span {
    background-image: url(/lib/cbcmusic/images/black_60.png);
    color: #fff;
    font-size: 11px;
    padding: 4px;
    line-height: 20px;
    *line-height : 29px; /* IE7 and below */  
}

#galleryOverlay span#galleryItemTitle
{   background-image: none;
    font-size: 15px;
}

.videoTitle #videoH3 
{
   /* color: #fff;
    background-image: url(/lib/cbcmusic/images/black_60.png); */
    float: left;
}

.galleryControls
{   float: left;
    font-size: 12px;
    padding-top: 7px;
}
.galleryControls a
{
    font-size: 13px;
}

.galleryControls span {color: #666;font-variant:small-caps; font-size: 13px;}

.playIndicator
{
    color: #676767;
    background: url("../../images/playIndicator.png") no-repeat left center;
    padding-left: 8px;
    padding-top: 6px;
    padding-bottom: 5px;
}

a.playIndicator 
{
    color: #676767;
}
.nextVideo,.prevVideo { float: right; font-size: 35px;color: #aaa; height: 29px; line-height:21px;  background: none;padding: 0 7px;}
.prevVideo{ border-right: dotted 1px #000000; }
#nextVideo a,#prevVideo a { color: #006699; } 
#nextVideo:hover, #nextVideo:active, #prevVideo:hover,#prevVideo:active { background-color: #CCC; color: #00aaee;}
#nextVideo:hover a, #nextVideo:active a, #prevVideo:hover a,#prevVideo:active a { color: #00aaee;}
#nextVideo.off,#prevVideo.off, #numVideos.off, #nextVideo.off a,#prevVideo.off a { color: #aaa;cursor: default;  } 
#nextVideo.off:hover, #nextVideo.off:active, #prevVideo.off:hover,#prevVideo.off:active {  background: none;color: #aaa;cursor: default; }
#nextVideo.off:hover a, #nextVideo.off:active a, #prevVideo.off:hover a,#prevVideo.off:active a {  background: none; color: #aaa;cursor: default; }



/*.off, .off:link, .off:hover, a:link, .off a:hover, .off a:active { color: #333333;cursor: default; } */
#videoOptions.off, #videoOptions.off a, #videoOptions.off a:hover, .off a:active,#videoOptions.off span{ color: #aaa;cursor: default; } 

#showPhotos.off { color: #aaa; cursor: default; } 
#showPhotos.off: active { color: #006699; cursor: pointer; } 
#showPhotos.on { color: #333; cursor: default; } 

#videoOptions.off #showVideos:hover, #showPhotos.off:hover{ color: #006699;cursor: pointer; }

#videoLow a, #videoMed a,#videoHigh a{ color: #006699;cursor: pointer; }




#videoOptions.on #videoLow.on  a, #videoOptions.on #videoMed.on a,#videoOptions.on #videoHigh.on a{ color: #333;cursor: default; }
#videoOptions.on #showVideos { color: #333;cursor: default;}
#videoOptions.off #videoQuality #videoLow.on,
#videoOptions.off #videoQuality #videoMed.on,
#videoOptions.off #videoQuality #videoHigh.on, 
#videoOptions.off #videoQuality #videoLow.on a:active,
#videoOptions.off #videoQuality #videoMed.on a:active,
#videoOptions.off #videoQuality #videoHigh.on a:active
#videoOptions.off #videoQuality #videoLow.on a:hover,
#videoOptions.off #videoQuality #videoMed.on a:hover,
#videoOptions.off #videoQuality #videoHigh.on a:hover { color: #aaa;cursor: default;}



#videoOptions.on #videoQuality #videoLow,
#videoOptions.on #videoQuality #videoMed,
#videoOptions.on #videoQuality #videoHigh { color: #aaa;cursor: default;margin-right: 10px;}

#videoOptions.on #videoQuality #videoLow:active,
#videoOptions.on #videoQuality #videoMed:active,
#videoOptions.on #videoQuality #videoHigh:active,
#videoOptions.on #videoQuality #videoLow:hover,
#videoOptions.on #videoQuality #videoMed:hover,
#videoOptions.on #videoQuality #videoHigh:hover { color: #369;cursor: pointer;}


#videoOptions.on #videoQuality #videoLow.on,
#videoOptions.on #videoQuality #videoMed.on,
#videoOptions.on #videoQuality #videoHigh.on { color: #333;cursor: default;}


#videoQuality a
{
    font-size: 11px;
}

#divider1, #divider2 { display: none; }

.galleryHeader { border-top: solid 1px #e6e6e6; height: 30px;position: relative; }

#galleryControls
{   float: left;
    font-size: 12px;
    height: 30px;
    position: relative;
    line-height: 30px;
}
#galleryControls a {    font-size: 13px;}
#galleryControls span {color: #666;font-variant:small-caps; font-size: 13px;}
#showPhotos.off { color: #aaa; cursor: default; } 
#showPhotos.off: active { color: #006699; cursor: pointer; } 
#showPhotos.on { color: #333; cursor: default; } 
#showPhotos, #showVideos {
    display: inline-block;
    height: 30px;
    position: relative;
    top: 0px;
}

.galleryDivider {display: inline-block;text-align:center;margin: 0 7px 0 5px;}

#imageGalleryContainer 
{   
    /* margin-top:-350px; */
}
#videoOptions {
    display: inline-block;
    width: 300px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 70px;
    }
#videoOptions.on #showVideos { color: #333;cursor: default;}
#videoOptions.off #showVideos:hover, #showPhotos.off:hover{ color: #006699;cursor: pointer; }
#videoOptions.off, #videoOptions.off a, #videoOptions.off a:hover, .off a:active,#videoOptions.off span{ color: #aaa;cursor: default; } 
#videoQuality { 
    width: 1px;
    display: inline-block;
    overflow: hidden;
    height: 30px;
    position: absolute;
}
#videoQuality a { font-size: 11px; }
#videoQuality .galleryDivider {margin:0 5px 0 8px; }
#mediaPagination {width:120px; float:right;text-align: right}
#mediaPagination div span:hover, #mediaPagination div span:active { background-color: #CCC; color: #00aaee;cursor:pointer}
#mediaPagination.off div span, #mediaPagination.off div span:hover, #mediaPagination.off div span:active { background-color: #CCC; color: #00aaee; color: #aaa;cursor: default;  background: none;}
#videoPagination, #photoPagination {height:30px;width: 120px;}
#mediaPagination div span { 
    color: #333;
font-size: 30px;
height: 30px;
line-height: 23px;
padding: 0 2px;
display: inline-block;
text-align: center;
     } 

#mediaPagination div div  {
    display: inline-block;
    font-size: 15px;
    height: 30px;
    text-align: center;
    top: -2px;
    position: relative;
    line-height: 30px;
}

    #mediaPagination div span#numVideos{
        font-size: 15px;
        top: -2px;
        position: relative;}
    
        #videoPlayerContainer{
            color: #000000;
            background-color: #ffffff;
        }
        #videoPlayerContainer {
            width: 620px;
            height: 350px;
	        background: url(/lib/cbcmusic/images/videoPlayer.png) no-repeat;
        }
