
/** BROWSE / INDEX PAGE **/
h1.BigTitle {
    margin: 0;
    padding: 10px 0 10px 10px;
    font-size: 22pt;
    letter-spacing: -.055em;

}
/** 3-column page **/
div#LeftVideoColumn {
    float: left;
    top: 0px;
    margin: 0 0 0 5px;
    width: 115px !important;
    width: 120px;
    border-right: 1px solid #ccc;
    padding:10px 5px 0 0;
    position: relative;
}
    div#LeftVideoColumn h2
    {
        margin-bottom: 2px;
        border-bottom: 1px solid #ccc;
    }
div#CenterColumn {
    width: 552px;
    margin: 0 0 0 10px;
    padding: 10px 0 0;
    position: relative;
    float: left;
}
div#RightVideoColumn {
    float: right;
    top: 0px;
    width: 200px !important;
    width: 210px;
    border-left: 1px solid #ccc;
    margin: 0 10px 0;
    position: relative;
}
div#SubContent {
    margin-left: 10px;
    position: relative;
    width: 954px;
}
.fixLeft {
    margin-left: 20px;
}


/********************/

div#VideoSearchBox {
    width: 563px;
	height: 77px;
	padding: 0px;
	background: #97c02d url('/images/search-bar-mid-green.gif') repeat-x;
	position: relative;
}
    div#VideoSearchBoxLeft {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 10px;
        height: 77px;
        background: #97c02d url('/images/search-bar-left-green.gif') no-repeat;
    }
    div#VideoSearchBoxRight {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 10px;
        height: 77px;
        background: #97c02d url('/images/search-bar-right-green.gif') no-repeat;
    }
    div#SearchBoxTop {
        margin: 0px;
        margin-left: 5px;
        padding: 0px;
        height: 25px !important;
        height: 35px;
        padding-top: 10px;
        padding-left: 10px;
    }
        ul.BrowseList {
            list-style-type: none;
            display: inline;
            margin: 0px;
            padding-left: 5px;
        }
        ul.BrowseList li {
            display: inline;
        }
        ul.BrowseList li.bold {

        }
        ul.BrowseList li:after {
            content: "\0020 \0020 \007C \0020 \0020";
        }
        ul.BrowseList li.last:after {
            content: "";
        }

    div#SearchBoxBottom {
        margin: 0px;
        margin-left: 5px;
        padding: 0px;
        padding-top: 10px;
        height: 25px !important;
        height: 35px;
        color: #fff;
        padding-left: 10px;
        font-size: 10pt;
    }
        Div#SearchBoxBottom a {
            color: #1aa0c3;
        }
        input#search_str {
            margin-left: 5px;
            border: 0px;
            height: 17px;
            width: 205px;
            font-size: 9pt;
            color: #999;
            padding-left: 2px;
        }
        span#SearchPaging {
            float: right;
            position: relative;
            margin-right: 10px;
            font-size: 10pt;
            color: #444;
            font-weight: bold;
        }
        span#SearchPaging a {
            color: #fff;
        }
div.VideoRow {
    background: #fff url('/images/video-row-bottom.gif') repeat-x bottom;
    padding: 0px;
    margin-bottom: 25px;
    border: 1px solid #fff;
}
div#SearchContent {
	text-align: center;
}

div.SearchResults {
	margin: 10px 0px;
	width: 565px;
}
div#BrowseAd {
    margin-bottom: 20px;
    height: 60px;
}

div#BottomVideoPaging {
	text-align: left;
	clear: both;
	color: #82ac0f;
	font-size: 12pt;
	margin-bottom: 50px;
}
        span#SearchPagingBottom {
            float: right;
            position: relative;
            margin-right: 10px;
            color: #ccc;
            font-weight: bold;
        }
        span#SearchPagingBottom a {
            color: #1aa0c3;
        }
        div#UserVideoList {

        }

ul.TopCatList {
    list-style: none;
    margin: 0px 0px 30px 5px;
    padding: 0px;
    padding-left: 12px;
    font-size: 9pt;
    position: relative;

}
    ul.TopCatList li {
        padding: 0px;
        margin: 1px 0;
        display: block;
        height: 15px !important;
        height: 10px;
        position: relative;
        white-space: nowrap;
        line-height: 15px;
        padding-left: 3px;
        background-color: #f6f6f6;
    }
    ul.TopCatList li:hover { background-color: #fbfadc; }
    ul.TopCatList li.bold {
      background-color: #ebf7cf;
      font-weight: bold;
    }
    ul.TopCatList li a {
      text-decoration: none;
    }
    img.li-star {
        float: left;
        margin-left: -20px;
    }
    span.bold a {
        color: #80aa0c;
    }
    span.green {
        color: #97c02d;
    }

/* Video Pod CSS */
div.video_pod {
	text-align: center;
	width: 130px;
	min-height: 100px;
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 14px;
	margin-bottom: 10px;
}
    div.video_pod a {
        color: #82ac0f;
        text-decoration: none;
    }
    div.video_thumb {
        background-color:#CCCCCC;
        background-image:url(/images/video_thumb.gif);
        height:100px;
        padding-top:0px;
        width:130px;
        margin-bottom: 5px;
    }
    img.video_th {
        margin: 0px;
        padding: 0px;
    }
    div.video_info {
        border-top: 0px;
        text-align: center;
    }
ul.video_info li { list-style-type: none; }
    .video_title {
        margin: 0px;
        font-size: 8pt;
        text-align: left;
        font-weight: normal;
        line-height: 1.1;
    }
    .video_title a:link,
    .video_title a:visited,
    .video_title a:hover,
    .video_title a:active {
        color: #1aa0c3;
        font-size: 7.5pt;
        text-decoration: underline;
    }
    span.bold {
        font-weight: bold;
    }
    span.reallysmall {
        font-size: 7.5pt;
    }
    ul.video_info {
        list-style-type: none;
        padding-left: 5px;
        margin-top: 0px;
        margin-left: 0px;
    }
    ul.video_info li label {
        color: #536D82;
        font-size: 8pt;
    }
    ul.video_info li {
        font-size: 8pt;
    }
    div.mini {
        width: 68px;
        min-height: 51px;
        height: 51px;
        margin-right: 10px !important;
        overflow: hidden;
        margin-bottom: 10px;
        background-color: #fff;
    }

div#dhtmltooltip h3 {
    margin: 0px;
    margin-bottom: -10px;
}

/** VIDEO VIEW PAGE **/
div#MainVideo {
    position: relative;
    z-index: 42;
    margin-left: 10px;
    margin-bottom: 25px;
    width: 615px;
}
div#VideoSide {
    position: absolute;
    z-index:43;
    top: 0px;
    left: 481px;
    width: 122px;
    height: 396px;
    background: #fff url('/images/video-side-mid.gif') repeat-x top;
    padding: 0px;
}
    div#VideoSide .HideExtra {
      display: inline;
      float: left;
      margin: 0;

    }
    div#VideoSideMidTop {
        width: 110px;
    }
    div#VideoSideMidTop ul {
        margin: 0px;
        list-style: none;
        padding: 0px;
    }
    div#VideoSideMidTop ul li {
        margin-bottom: 10px;
    }
    div#VideoSideContent {
        margin-top: 10px;
        margin-left: 20px !important;
        margin-left: 0px;
        display: block;
    }
    div#VideoSideLeft {
        width: 19px;
        height: 396px;
        background-image: url('/images/video-side-left.gif');
        margin: 0px;
        float: left;
    }
    div#VideoSideMid {
        height: 386px !important;
        height: 396px;
        padding-top: 5px;
        padding-botom: 5px;
    }
    div#VideoSideRight {
        width: 8px;
        height: 396px;
        background-image: url('/images/video-side-right.gif');
        margin: 0px;
        float: right;
    }
div#ratingControl {
    position: relative;
    width: 114px;
    height: 20px;
}
div#VideoRating {

}
div#videoActions {
    position: relative;
    font-weight: bold;
}
div#videoActions div.action {
    position: relative;
    height: 24px;
    width: 110px;
}
div#videoActions div.actionWidget {
    position: relative;
    margin-bottom: 45px;
}
div#videoActions div.actionWidget img {
    position: absolute;
    left: 11px;
    top: 10px;
}
div#VideoDetails {
    position: relative;
    height: 70px;
    font-weight: bold;
}
div#VideoDetails label {
    font-weight: normal;
}
    input.detailLink {
        border: 1px solid #80aa0c;
        padding-top: 4px;
        padding-left: 5px;
        color: #666;
        width: 425px;
        height: 20px;
    }
    div.vidDetail {
        margin-bottom: 5px;
    }
    div.vidDetail label {
        font-size: 11pt;
        font-weight: bold;
    }
    div.vidDetail h3 {
        font-size: 11pt;
        font-weight: bold;
        margin: 0px;
        display: inline;
    }
    div.vidDetail a {
      text-decoration: none;
    }

div.providerInfo {
	position: relative;
}
div.providerPic {
	float: left;
	position: relative;
	margin-left: 0px;
	text-align: center;
	margin-right: 10px;
}
div.providerPic img { padding: 1px; border: 1px solid #B4C9CE; }
div.providerDetails {
	float: left;
	position: relative;
	margin-left: 3px;
	text-align: left;
	width: 136px;
}
div.providerDetails a {

}
div.providerAbout {
    margin-top: 10px;
}
div.watchedRecently {
	margin-left: 10px;
}
    span.spanThumb {
        width: 42px;
        margin: 0px;
        margin-right: 5px;
        margin-bottom: 3px;
        overflow: hidden;
        display:block;
        float: left;
        position: relative;
        text-align: center;
        font-size: 8pt;
    }
    img.imgThumb {
        width: 38px;
        padding: 1px;
        border: 1px solid #48b3cf;
    }

    div#relatedVideos {
        clear: both;
        float: left;
        font-size: 9pt;
        font-weight: bold;
        padding: 1px 0px 0px 0px;
        margin: 0;
        width: 100%;
    }
        div#relatedVideos ul {
            margin: 0px;
            padding: 0px;
            list-style: none;

        }
        div#relatedVideos ul li {
            float: left;
            margin: 0px 11px 2px 0px;
            padding: 0px;
            border-bottom: 4px solid #fff;
            list-style-type: none;
        }
        div#relatedVideos ul li a {
            float: left;
            margin: 1px 3px;
            color: #666;
            position: relative;
            top: 0px;
        }
        div#relatedVideos li.Selected, div#relatedVideos li.Selected:hover
        {
            border-bottom: 4px solid #444;
            margin-bottom: 2px;
        }
        div#relatedVideos li:hover
        {
            border-bottom: 4px solid #e6e6e6;
            margin-bottom: 2px;
        }
        div#relatedVideos li.Selected a
        {
          font-weight: bold;
            color: #666;
        }
        div#RelatedList {
            width: 250px !important;
            width: 260px;
            margin: 0px;
            padding-left: 10px;
            padding-right: 0px;
            padding-top: 20px;
            font-size: 10pt;
            border: 1px solid #666;
        }

/** Video Comments **/

div.VideoComment {
    position: relative;
    padding-top: 10px;
    background: #fff url('/images/profile-menu-bottom.gif') repeat-x top;
    margin-bottom: 10px;
    border-top: 1px solid #c1db81;
    width: 100%;
}
div.CommentPoster {
    width: 150px !important;
    width: 160px;
    padding-right: 10px;
    position: relative;

}
div.PosterInfo {
        position: relative;
        width: 75px;
        margin: 0px;
        float: left;
        text-align: center;
}
    div.NameLink {
        padding: 2px;
    }
    img.qThumb {
        width: 48px;
        border: 1px solid #97c02d;
        padding: 1px;
        background-color:#fff;
    }
div.PosterInfo a {
    font-size: 10pt;
}
img.CommentPosterPic {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    border: 1px solid #a7dce9;
}
div.Comment {
    width: 500px;
    float: right;
    position: relative;
    color: #999;
}
div.commentComment {
    padding-bottom: 10px;
    border-bottom: 1px solid #97c02d;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right: 10px;
    color: #444;
}
.gray {
    color: #444;
}
div.commentAction {
    float: right;
    padding: 1px 3px;
    border: 1px solid #97c02d;
    background: #97c02d url('/images/bg-fade-green.gif') repeat-x bottom;
    margin-top: -6px;
    margin-right: 10px;
}
    div.commentAction img {
        margin-bottom: -2px;
    }
    div.commentAction a {
      text-decoration: none;
    }
div.Reply {
	margin-left: 5px;
	display: block;
	padding-bottom: 5px;
}
div.ReplyPoster {
    margin-top: 5px;
}
div.ReplyContent {
    margin-left: 10px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
}

div.commentPaging {
    background: #97c02d url('/images/bg-fade-green.gif') repeat-x bottom;
    border: 1px solid #97c02d;
    margin-top: 10px;
    color: #666;
    font-weight: bold;
    font-size: 11pt;
    display: block !important;
    display: static;
    text-align: left;
    padding-left: 5px;
}
div.commentPaging a {
    color: #1aa0c3;
    font-weight: bold;
}


/** Upload Page **/

div.Row {
    position: relative;
}
    div.RowTitle {
        width: 150px;
        float: left;
        text-align: right;
    }
    div.RowContent {
        width: 400px;
        float: left;
        margin-left: 10px;
    }
    span.subLabel {
        font-size: 8.5pt;
    }
    span.Bold {

        font-size: 9.5pt;
        font-weight: bold;
    }
    input.upload {
        width: 300px;
        border: 1px solid #53b7d2;
    }
    textarea.upload {
        width: 350px;
        height: 75px;
        border: 1px solid #53b7d2;
    }
    select.upload {

        border: 1px solid #53b7d2;
    }
    input.submit {
        background-color: #a7dce9;
        border: 1px solid #1aa0c3;
        height: 25px;
        font-weight: bold;
    }
    input.submit:hover {
        color: #1aa0c3;
    }

textarea#content.videocomment {
	width: 500px;
	height: 75px;
    padding: 3px;
    margin: 5px 0;
    border: 1px solid #80AA0C;
}
input#commit
{
    text-align: center;
}
submit
{
    text-align: center;
}
ul#postList
{
    list-item-style: none;
}
ul#postList li
{
    display: inline;
    margin-right: 5px;
}

div.ThumbsUp {
    background: url('/images/icons/nice_vote_bg.png') repeat-x top;
    height: 19px;
    font-size: 8.5pt;
    color: #fff;
    margin: 0px;
    padding: 3px 0px;
    position: relative;
    padding-right: 5px;
    text-align: right;
    width: 40px;
    float:left;
}

div.ThumbsDown {
    background: url('/images/icons/nah_vote_bg.png') repeat-x top;
    height: 19px;
    font-size: 8.5pt;
    color: #fff;
    margin: 0px;
    padding: 3px 0px;
    position: relative;
    padding-right: 5px;
    text-align: right;
    width: 40px;
    float: right;
}

/************   USER VIDEO SECTION   **************/
ul.VideoStatusCount {
    padding: 0px;
    margin-left: 0px;
}
ul.VideoStatusCount li {
    display: inline;
    margin-right: 15px;
}

select#svc {
    border: 0px;
    height: 17px;
}

div#KeywordList {
    margin: 0px;
    padding: 3px;
    border: 1px solid #97c02d;
}
/*********************************************   OLD VIDEO  *********************************************/
/************************** TO BE REMOVED EVENTUALLY ************************************/
/* View Video Page */


img.miniThumb {
	height: 25px;
	margin-right: 5px;
}


/* Video Player */
h2.VideoTitle {
	text-align: left;
	margin: 0px 0px 5px 10px;
}




input#commit
{
    text-align: center;
}
submit
{
    text-align: center;
}

p.error {
	color: #900;
}


/**  POP-UP TAG LOOK */


span.help {
    font-size: 8pt;
    color: #888;
    margin-left: 5px;
}
label.smallTitle {
    font-weight: bold;
    font-size: 8.5pt;
}

div#addReply {
    margin-top: 20px;
    border-top: 1px solid #ccc;
}

