


    form
    {
       margin: 0;
        
    }
    .channelBody
    {
        background: #CAD9F4;
        color: #000; /* foreground */
    }

    .chanNav
    {
        width: 994px;
        height: 80px;
        margin: 0 auto;
        background: #FFF;
    }

    .chanFooter
    {
        width: 994px;
        height: 75px;
        margin: 0 auto;
        background: #FFF;
    }

/* page content object - binds it all together */
/* leaving this #content, as it is part of the transparency for the channel page */
    #content
    {
        position: relative;
        width: 994px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 0;
    }

    .channelCenterBG
    {
        width: 100%;
        height: 9999px;
        position: absolute;
        left: 0;
        top: 0;
        background: #FFF;
        
        
    }
    .channelBanner
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 994px;
        z-index: 1;
        height: 120px;  /* can extend past 120px if needed */
        background: url(/img/channel/chan-default-banner.png);
    }
/* contains the channel name and logo*/
    .channelTop
    {
        height: 120px;
        position: relative;
        z-index: 2;
    }
    .chanLogoWrapper
    {
        position: absolute;
        left: 63px;
        top: 20px;

        width: 200px;
        height: 50px;
        border: 1px solid black;
    }

    .chanLogo
    {
        width: 200px;
        height: 50px;
    }

    .chanName
    {
        position: absolute;
        left: 63px;
        top: 73px;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
    }
/* end channel top */

/* contains the author info, and action links */
    .chanInfo
    {
        position: relative;
        height: 60px;
        padding-top: 3px;
    }


    .chanBy
    {
        font-size: 12px;
        width: 220px;
        line-height: 13px;
        height: 55px;
    }


    .chanBy span
    {
        width: 155px;
        display: block;
        padding-top: 11px;
        float: left;

    }

    .chanBy img
    {
        width: 50px;
        height: 50px;
        border: 2px solid #AAA;
        float: left;
        margin-right: 5px;
    }
    .chanBy .thumbLink { margin-right: 5px; }
    .chanBy .thumbLink:hover img { border-width: 2px; }

    .chanBy span a
    {
        font-weight: bold;
        float: left;
    }
    .chanAction
    {
        position: absolute;
        top: 20px;
        left: 160px;
        width: 400px;
        font-size: 13px;
        font-weight: bold;
    }

    .chanAction p
    {
        padding: 3px 0 0 0;
        margin: 0;
        width: 320px;
        float: left;
    }

    .actionWatch
    {
        width: 43px;
        height: 25px;
        float: left;
        margin-right: 5px;
    }

    .actionInfo
    {
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 5px;
    }

/* end channel info */


/* channel center container and left and right cols */
    .channelCenter
    {
        position: relative;
        width: 994px;
        margin: 0 auto;
        padding-bottom: 20px;
        z-index: 2;
        float: left;

    }

    /* generic style for the headers of each col section */
    .colHeading
    {
        font-weight: bold;
        font-size: 15px;
        width: 300px;
        margin: 0;
    }

    .leftCol
    {
        position: relative;
        width: 536px;
        margin-bottom: 20px;
        float: left;
        padding-left: 65px;
    }

    .rightCol
    {
        margin-left: 20px;
        float: left;
        width: 300px;
        padding: 10px 0 20px 19px;
    }

/* end cols */


/* wrapper that contains flash object */
    #playerWrapper
    {
        height: 345px;
        width: 534px;
        border: 1px solid #C5C5C5;
    }

/* playlist holder */
    #playList
    {
        height: 316px;
        width: 534px;
        overflow: hidden;
        border: 1px solid #C5C5C5;

    }

/* playlists that sit where flash object will be */
    .playListNames
    {
      font-size: 15px;
      font-weight: bold;
      padding: 10px 0 5px 0;
    }

    /* contains the video summeries for playlist vids */
    .plWrapper
    {
        padding: 16px 0 0 19px;
        width: 560px;
        clear: both;
    }

    /* changes to the global video summery */
    .plWrapper .vidThumbSet
    {
        padding: 0;
        height: 138px;
        width: 130px;
    }

    /* pager for the playlist */
    .plPager
    {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        clear: both;
        width: 490px;
    }
    .plPager a
    {
        margin: 0 2px 0 2px;
    }


/* nifty player controls for sharing the video */
    .viralControls
    {
        background: #EEE url(/img/channel/viral-bg.png) repeat-x;
        height: 52px;
        border: 1px solid #C5C5C5;
        position: relative;
        top: -1px;
        padding-right: 20px;
    }

    /* spacing specifics for channel bar */
    .vChanWrapper
    {
        width: 435px;
        height: 52px;
        padding-left: 40px;
    }

    /* spacing specifics for video bar */
    .vVidWrapper
    {
        width: 435px;
        height: 52px;
        padding-left: 40px;
     }

    /* the button object which has a hover state */
    .viralButton
    {
        float: right;
        cursor: pointer;
        margin-left: 5px;
        width: 50px;
        height: 52px;
    }

    #vaFav, #caFav
    {
        cursor: default;
    }

    /* rate the video or channel */
    #vrateBox, #crateBox
    {
        padding-top: 9px;
        width: 115px;
        height: 41px;
        float: left;
        position: relative;
    }

    /* generic style for the star graphics */
    #vrateBox img, #crateBox img
    {
        display: block;

        width: 22px;
        height: 20px;
        position: absolute;
        top: 9px;
    }

    #vstar1, #cstar1 { left: 0; }
    #vstar2, #cstar2 { left: 23px; }
    #vstar3, #cstar3 { left: 45px; }
    #vstar4, #cstar4 { left: 67px; }
    #vstar5, #cstar5 { left: 89px; }



    /* different states of ratebox - text label changes */
    .chanAvg { background: url(/img/channel/rated-avg.png) no-repeat; }
    .chanRate { background: url(/img/channel/rate-chan.png) no-repeat; }
    .chanRated { background: url(/img/channel/rated-chan.png) no-repeat; }
    .chanRate img { cursor: pointer;}

    .vidAvg { background: url(/img/channel/rated-avg.png) no-repeat; }
    .vidRate { background: url(/img/channel/rate-vid.png) no-repeat; }
    .vidRated { background: url(/img/channel/rated-vid.png) no-repeat; }
    .vidRate img { cursor: pointer; }



/* tags for the channel or the video */
    .playerTags
    {
        height: 45px;
        margin: 10px 0 10px 0;
        position: relative;
    }

    /* naughty video */
    .playerFlag
    {
        position: absolute;
        right: 0;
        top: 2px;
        width: 120px;
        height: 30px;
        font-size: 11px;
        line-height: 13px;
        font-weight: bold;
    }
    .playerFlag img
    {
        float:  left;
        width: 20px;
        height: 24px;
        margin-right: 5px;
        cursor: pointer;
    }

    /* the line of links for cats and tags, etc*/
    .lineLinks
    {
        width: 400px;
        float: left;
    }
    .lineLinks h2
    {
        float: left;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        white-space: nowrap;
    }
    .lineLinks span
    {
        float: left;
        font-size: 12px;
        font-weight: bold;
        margin-right: 4px;
        clear: both;
    }
/* end of tags */


/* comments */

    /* top of comments section which has comment posting and comment count */
    .commentsTop
    {
        height: 85px;
        position: relative;
    }

    .commentForm
    {
        padding: 0;
    }

    .commentForm textarea
    {
        border: 1px solid #CCC;
        width: 533px;
        height: 40px;
        font-family: arial, sans-serif;
    }

    .commentForm input
    {
        position: absolute;
        top: 50px;
        left: 335px;
        width: 200px;
    }

    #countHolder
    {
        position: absolute;
        left: 0;
        bottom: 2px;
    }

    /* video comment holder */
    .comments { height: 200px; }

    /* empty comment holder - just shorter */
    .commentsNone { height: 60px; }

    /* comment holder for when there are actual comments */
    #comments
    {
        position: relative;
        overflow: auto;
        padding: 10px;
        clear: both;
        font-size: 12px;
        border: 1px solid #CCC;

    }

    /* comment object with thumbnail, username, comment text, and date */
    .comment
    {
        position: relative;
        padding: 0 0 20px 0;
        margin-left: 65px;

    }
    .comment .username { margin: 0; }
    .comment .text { margin: 5px 0 5px 0; }

    .comment .date
    {
        font-size: 11px;
        font-style: italic;
        margin: 0;
    }
    .comment .a-img img
    {
        position: absolute;
        width: 50px;
        height: 50px;
        font-size: 10px;
        left: -65px;
    }
/* end of comments */


/* to display other videos, such as related vids */
    .otherVideos
    {
        padding-top: 10px;
        position: relative;
        overflow: hidden;
        width: 534px;
    }

    /* 4 col container of video summeries */
    .ovWrapper
    {
        width: 580px;
        padding: 5px 0 0 1px;
    }

    /* if you see this, remove it */
    .ovWrapper #content
    {
        padding: 0;
        margin: 0;
    }
    /* end of stuff to remove */
    
    /* changes to the global vid summery CSS */
    .ovWrapper .vidThumbSet
    {
        padding: 0;
        width: 139px;
        height: 170px;
    }
    .ovWrapper .vidThumb img
    {
        width: 114px;
        height: 85px;
    }

/* end other videos


/* channel info section */

    .chanSponsor
    {
        height: 60px;
        text-align: right;
        font-size: 12px;
        font-weight: bold;
    }

    .chanSponsor img
    {
        float: right;
        width: 135px;
        height: 57px;
        margin-left: 5px;
    }

    .aboutChannel
    {
        padding-bottom: 18px;
        float: left;
    }


/* generic stats holder to display info about channel */
    .chanStat
    {
        height: 18px;
        width: 147px;
        float: left;
        font-size: 11px;
        padding-top: 5px;
    }

    .chanStat span
    {
        padding-right: 5px;
        font-weight: bold;
    }

    .chanDesc
    {
        clear: both;
        font-size: 11px;
        padding-top: 10px;
        overflow: hidden;
        width: 300px;
    }

    #chanDescMore
    {
        display: none;
    }


/* rect ad object that contains advertisement label */
    .adRect
    {
        height: 260px;
        padding-bottom: 20px;
        font-size: 10px;
        clear: both;
    }

/* 1 col list of channels */
    .moreChans
    {
        position: relative;
        float: left;          
    }

    /* holds channel summeries*/
    .mcWrapper
    {
        padding: 10px 0 0 0;
        float: left;
    }

    /* changes to global chan summery css */
    .moreChans .chanThumbSet
    {
        padding: 0 0 10px 1px;
        margin: 0 0 0 0;
        width: 298px;
        float: none;
    }
    .moreChans .chanThumb, .moreChans .chanThumbs
    {
        margin-right: 5px;
    }
    .moreChans .chanBorder
    {
        left: 0;
        width: 298px;
    }

/* end channels list */

/* no fans */

    .channelNoFans
    {
        border: 1px solid #AAA;
        font-size: 15px;
        text-align: center;
        padding: 10px 40px 10px 40px;
        clear: both;        
    }
    .channelNoFans p
    {
        padding: 0;
        margin: 0;
    }

/* 5 col list of users */
    .channelFans
    {
        position: relative;
        padding: 10px 0 10px 0;
        overflow: hidden;
        width: 298px;
        clear: both;
    }

    /* holds member summeries */
    .cfWrapper
    {
        padding: 10px 0 0 1px;
        position: relative;
        width: 310px;
        float: left;
    }

    .moreFans
    {
        width: 295px;
        text-align: right;
        clear: both;
        font-size: 12px;
    }

   .cfWrapper .colHeading { padding-bottom: 5px; }

    /* changes to the global member summery CSS */
    .cfWrapper .memThumbSet
    {
        width: 61px;
        height: 63px;
        padding: 0 0 0 0;
    }

    .cfWrapper .memThumb
    {
       width: auto;
       padding: 0;
    }
    .cfWrapper .memThumb img
    {
        width: 48px;
        height: 48px;
        border-width: 2px;
    }
    .cfWrapper .thumbLink:hover img { border-width: 2px;}

/* end of member list */





/* floating menus CSS */


/* floating popup boxes for the player controls */
.floatBox
{
	width: 494px;
	height: 300px;
	/*background: url(/img/channel/floatbox-bg.png);*/



    font-family: arial, sans-serif;
	padding: 15px 20px 15px 20px;
	color: #000;
}


.fbHeading
{
    font-size: 18px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.fbHeading label
{
    font-size: 16px;
    position: relative;
    top: -1px;
}

.fbForm
{
    float: left;
    width: 280px;
    padding-left: 10px;
}


.fbThumbs
{
    padding-top: 10px;
    width: 200px;
    float: left;
}



#fbVidThumbs
{
    display: none;
}

#fbChanThumbs
{
    display: none;
}

.fbVidThumb
{
    width: 198px;
    height: 148px;
    margin-bottom: 2px;
}


.fbChanThumb
{
    width: 198px;
    height: 48px;
}

.fbVidThumbSmall
{
    display: table;
    padding-top: 2px;
    width: 100%;
}

.fbVidThumbSmall img
{
    width: 66px;
    height: 50px;
    float: left;
}

.fbVidTitle
{
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
}

.fbBy
{
    font-size: 14px;
}

.fbList
{
    padding: 10px 0 0 20px;
    margin: 0;
}

.fbForm
{
    font-size: 14px;
}

.fbTextInfo
{
    padding-top: 10px;
    clear: both;
}

.fbLinkText
{
    padding-top: 65px;
}

.fbText
{
    width: 276px;
    margin-top: 10px;
}

.fbEmailText
{
    width: 276px;
}

.fbSelect
{
    width: 280px;
    margin-top: 4px;
}

#fbCopyBtn
{
    display: none;
    margin-top: 5px;
}





/* css for the e-mail popup changes */

.emailFloatBox
{
	width: 685px;
	height: 395px;

    font-family: arial, sans-serif;
	padding: 15px 20px 15px 20px;
	color: #000;
	/*background: url(/img/channel/floatbox-bg.png);*/
}

.emailFloatBox input, .emailFloatBox textarea
{
    font-family: arial, sans-serif;
}


.fbLabel
{
    display: block;
    padding-top: 3px;
    
}

.fbLabel span
{
    font-size: 11px;
 
}

.emailForm
{
    padding-top: 7px;
}


.emailText
{
    width: 276px;
}

.emailTo
{
    width: 276px;
    height: 45px;
}
.emailNote
{
    width: 276px;
    height: 68px;
}

.emailCaptcha
{
    position: relative;
    padding-top: 5px;
}

.emailCaptcha img
{
    width: 200px;
    height: 75px;
}

.emailCaptcha input
{
    width: 197px;
    margin-top: 2px;
}

.emailErrorCaptcha
{
	color: #fff;
	background: #f00;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 210px;
	width: 60px;
	font-size: 11px;
	padding: 5px;
}

.emailErrorLogin
{
	color: #fff;
	background: #f00;
}


.emailRight
{
    width: 167px;
    border-left: 1px solid #000;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 13px;
    display: table;
}

.emailRight input
{
    float: left;
}

.signInForm
{
    padding-top: 5px;
}

.signInUser
{
    width: 90px;
    float: left;
}

.signInPass
{
    width: 70px;
    float: left;
    padding-bottom: 5px;
}

.signInUser label
{
    display: block;
    width: 80px;
    font-size: 11px;
}

.signInUser input
{
    width: 80px;
}

.signInPass label
{
    display: block;
    width: 70px;
    font-size: 11px;    
}

.signInPass input
{
    width: 70px;
}




.signInLabel
{
    font-size: 11px;
    width: 80px;
    display: block;
    float: left;
}

.signInText
{
    width: 78px;
    float: left;    
    margin-right: 5px;
}


.importList
{
    padding: 0;
    margin: 10px 0 0 30px;
    font-size: 12px;
}

#addressForm
{
     padding-top: 5px;
    font-size: 11px;
     width: 170px;
     overflow: hidden;
}

#addressForm input
{
   float: none;
   position: relative;
   top: 3px;
}


.fbButton
{
	width: 70px;
	height: 24px;
	background: transparent url(/img/channel/emailpop-btn-bg.gif) no-repeat;
	border: 0px;
	color: #000;
	font-weight: bold;
	font-size: 11.5px;
	font-family: arial, sans-serif;
	z-index: 10;
}

.fbAd
{
    float: left;
    width: 300px;
    padding-top: 10px;
}

.fbSuccess
{
    float: left;
    width: 360px;
    padding-left: 10px;
    height: 370px;
}

.fbSuccessHeading
{
    font-size: 18px;
    padding-top: 10px;
}

.fbEmails
{
    font-size: 14px;
    padding-top: 10px;
}

.fbMoreOps
{
    font-size: 16px;
    margin: 10px 0 0 0;
}

/** overrides for greyBox gbStyles*/
/*#GB_window .content {*/
    /*width: 750px!important;*/
    /*height: 455px!important;*/
    /*background: url(/img/channel/floatbox-bg.png)!important;*/
/*}*/
/*table.header {*/
    /*width: 756px!important;*/
/*}*/
/*.content .GB_frame {*/
    /*width: 750px!important;*/
    /*height: 450px!important;*/
/*}*/

.pageLbl { float: left; }

#pageNumbers {
    display: block;
    width: 120px;
    float: left;
    padding: 0 0 10px 0;
}

#pageNumbers span, #pageNumbers a {
    float: left;
    padding: 0 2px 0 3px;
    display: block;
    height: 20px;
}

#pagination { padding-top: 10px; }

#pagination p {
    float: left;
    width: 170px;
}