/***********************
         *              Main display
         ***********************/
body {
        background-color: #FFFFFF;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}
.text {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

body,td,th {
        color: #000000;
}

        /** Header Part */

#main_menu {
        float   : right;
        color   : #FF0000;
        font-size : 12px;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0;
        margin-top: 5px;
        font-family: tahoma;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
}
#main_menu a {
        color : #FF0000;
        font-size : 12px;
        font-weight: bold;
        text-decoration: underline;
}

#loginForm {
        text-align:center;
        width: 990px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        color: #000000;
} /** End of Header Part */
#loginForm label {
        color: #000000;
}


        /* Content Part */
#main_body {
         text-align     : center;
        width           : auto;
        padding         : 0;
        top                     : 0;
}

        /** Left sidebar */
.left_sidebar { float:left;}

        /** Right sidebar */
.right_sidebar { float:right;}

        /** Adjust width for bigger thumbs */
#content {
        width           : 1030px;
        margin-top      : 0px;
        margin-left     : auto;
        margin-right: auto;
        margin-bottom: 0px;
        padding         : 0;
        color: #CCCCCC;
        text-align      : left;
        border-width: 1px;
        border-style: solid;
        border-color: #ffeded;
}

        /** For email confirmation */
#content .confirmed {
        border  : 2px solid #996666;
        color   : #000;
        font    : bold 12px Arial;
        text-align: center;
}

/**related searches**/

#content #relatedsearch {

        font-family: Arial,Helvetica,sans-serif;
        color: #FF0000;
        font-size:12px;
        text-decoration: none;
}

#content b {

        font-family: Arial,Helvetica,sans-serif;
        color: #FF0000;
        font-size:12px;
        text-decoration: none;
}


#content #relatedsearch:hover {
color: #FF0000;
text-decoration: underline;

}

        /** Pagination **/
#content #page-up {
        color: #FF0000;
        padding: 0;
        width: 976px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
}

#content #page-up .page_title {
        font    : bold 12px Arial;
        padding-left : 2px;
        float   : left;
}

#content #page-up .pagination {
        font-size       : 11px;
        text-align      : right;
        color           : #FF0000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding-top: 4px;
        padding-right: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
}

#content #page-bottom {
        text-align      : right;
        font-size       : 11px;
        padding         : 5px;
        color           : #FF0000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin-right: auto;
        margin-left: auto;
        width: 900px;
}

#content #page-up .pagination a, #content #page-bottom .pagination a{
        color   : #FF0000;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        background-color: #FFFFFF;
        border: 1px solid #ff3030;
}

#content #page-up a:hover,#content #page-bottom a:hover{
        color   : #121212;
        text-decoration : none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bolder;
        background-color: #FFFFFF;
        border: 1px solid #000000;
}

.pagerCurrent{
        border          : none;
        padding         : 0 5px;
        margin          : 0 3px;
        font-size       : 11px;
        font-weight     : bolder;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pagerNotCurrent{
        border          : 1px solid #008eb7;
        padding         : 0 6px;
        margin          : 0 2px;
        text-align      : center;
}

#content #content_display a{
        color          : #FF0000;
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
}
#content #content_display a img {
        border: 1px solid #FF0000;
        background-image: url(images/loading.gif);
        background-repeat: no-repeat;
        background-position: center top;
}

#banner {
        padding: 1px;
        border: 1px solid #FF0000;
}


#content #content_display {
        height  : 100%;
        padding-top: 8px;
        padding-left: 12px;
        padding-bottom: 8px;
}
#content #content_display a:hover {
        font-size: 12px;
}


#content #content_display #content_thumbs {
        width: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}


#content #content_display #content_thumbs .img {
        width   : auto;
        height  : auto;
        margin  : 1px;
        padding : 3px;
        border  : 1px solid #ffeeee;
        background-color: #fffcfc;
        float: left;
        color: #FF0000;
}

        /** Thumbs info */
#content #content_display #content_thumbs .settings {
        border-bottom : none;
        color: #94d2ff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content #content_display #content_thumbs .title        {
        padding: 3px;
        color: #FF0000;
}
#content #content_display #content_thumbs .img_info     { position:relative; width:auto; }
#content #content_display #content_thumbs .duration     { float : left; }
#content #content_display #content_thumbs .votes        { float : left; }
#content #content_display #content_thumbs .date         { text-align : right; }

#content #content_display #content_thumbs .img div{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-weight:bold; }
#content #content_display #content_thumbs .img div .duration{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-weight:bold; }

#content #content_display #content_thumbs .img div a{
        font-family : Arial, Helvetica, sans-serif;
        color : #FF0000;
        text-decoration: none;
}

#content #content_display #content_thumbs .img div a:hover {
        color:#FF0000;
        text-decoration: underline;
}

/** End of Content Part */
.description {
        color: #999;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}

.searchBox {
        padding-left: 70px;
}

.searchField {
        color           : #000000;
        border: 0px;
        font-size: 12px;
        font-family: Tahoma;
}

/** Footer Part */
.footer {
        text-align      : center;
        width: 520px;
        height: 83px;
        padding-top: 10px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        background-image: url(images/footer.gif);
        background-repeat: no-repeat;
        background-position: center top;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
}
.footer_td {
        color: #FFF;
}
.footer a {
        color           : #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;

}
.footer a:hover {
        color           : #FFFFFF;

}
/* End of Footer */

.clear { clear: both; }

        /*************************
         *              Watch Display
         *************************/
#content #main_wrap {
        padding : 0;
        width: 976px;
        position : relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4px;
        margin-bottom: 4px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}


#content #main_wrap #video_player{ margin : 3px; padding : 5px; float: left; }

        /** For advertisement */
#content #main_wrap #video_player .adv {
        width                   : 500px;
        text-align              : center;
        font-size               : 16px;
        font-weight             : 700;
        padding                 : 0;
        background-color: #fffcfc;
        margin: 0px;
}

#content #main_wrap #video_player .adv a { color:#FF0000; text-decoration: none; }

#content #main_wrap #video_player .adv a:hover { color : #121212; text-decoration : none; }

        /** For download link */
#content #main_wrap #video_player .download_text {
        color           : #000000;
        font-size       : 25px;
        font-weight     : 700;
        width           : 500px;
        clear           : both;
        text-align      : center;
        padding-top     : 2px;
}

#content #main_wrap #video_player .download_text a { color : #000000; text-decoration : underline; }

#content #main_wrap #video_player .download_text a:hover { color : #000000; text-decoration : none; }

        /** For FLV player */
#content #main_wrap #video_player #player{ width: 500px; text-align: center; }

        /** For thumblist **/
#content #main_wrap #video_player #thumblist {
        overflow        : auto;
        margin-top      : 10px;
        padding         : 0;
        width           : 500px;
        height          : 140px;
        white-space : nowrap;
        color           : #000000;
        font-size: 12px;
        font-weight: bold;
}
        /** For thumblist images */
#content #main_wrap #video_player #thumblist .img { width : 450px;}

#content #main_wrap #video_player #thumblist .img li { padding : 0 0px; display : inline; }

#content #main_wrap #video_player #thumblist .img li .sample {
        width           : 130px;
        text-align      : center;
        float           : left;
}

#content #main_wrap #video_player #thumblist #playlistthumbs {
        width   : 100px;
        border : 1px solid #1e1e1e;
}

#content #main_wrap #video_player #thumblist .clip { width : 130px; text-align : center; }

        /** For link exchange and channels link */
#content #main_wrap #video_player #friends {
        width           : 500px;
        font-size       : 16px;
        border          : 1px solid #ffeded;
        text-align      : center;
        padding-bottom : 5px;
        color           : #000000;
        background-color: #fffcfc;
}

#content #main_wrap #video_player #friends a {
        color : #FF0000;
        text-decoration : underline;
        font-size: 12px;
        font-weight: bold;
}

#content #main_wrap #video_player #friends a:hover{ color : #FF0000; text-decoration : none; }

        /** Main info left pannel */
#content #main_wrap #main_info {
        float:left;
        margin-bottom:7px;
        padding-left: 8px;
}

#content #main_wrap #main_info #info{
        border  : 1px solid #ffeded;
        padding : 5px;
        height  : auto;
        color   : #000000;
        background-color: #fffcfc;
        margin-top: 7px;
        margin-right: 6px;
        margin-bottom: 0;
        margin-left: 0px;
        font-size: 12px;
        width: 424px;
        display: block;
}

#content #main_wrap #main_info #info a {
        color : #FF0000;
        text-decoration : underline;
        font-weight: bold;
}

#content #main_wrap #main_info #info a:hover { color : #FF0000; text-decoration : none; }

#content #main_wrap #main_info #ShowInfoBox {
        border          : 1px solid #ffeded;
        border-top      : none;
        margin          : 0 10px 0 0px;
        padding         : 5px;
        width           : inherit;
        background-color : #fffcfc;
        text-align      : center;
        color           : #000000;
}

#content #main_wrap #main_info #ShowInfoBox a {
color: #FF0000;
text-decoration: underline;
}

        /** This is for url and embed textbox **/
#content #main_wrap #main_info #info .embed {
        overflow        : auto;
        height          : 75px;
        width           : 424px;
}

#content #main_wrap #main_info #info .moreinfo { margin-top : 2px; border-top : 1px #ccc dashed; text-align: center; }

        /** For related video **/
#content #main_wrap #main_info .rel_vid {  padding : 15px 0 0 0;  margin : 7px 10px 0 3px; }

#content #main_wrap #main_info .rel_vid li {
        display : inline;
        background-color : #121212;
        padding :3px;
        margin  :0 5px 0 0;
        font-size: 12px;
        font-weight: bold;
        border: 1px solid #ffeded;
}
#content #main_wrap #main_info .rel_vid li a {
        color:#CCCCCC;
        text-decoration: none;
}

#content #main_wrap #main_info .display_video {
        border          : 1px solid #ffeded;
        padding         : 5px;
        overflow        : scroll;
        height          : 400px;
        width           : 424px;
        position        : relative;
        margin-top: 3px;
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 3px;
        background-color: #fffcfc;
}

#content #main_wrap #main_info .display_video .img_div{
        font-size       : 11px;
        margin          : 7px 9px;
        padding         : 0;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #ececed;
}

#content #main_wrap #main_info .display_video .img_div .relatedimg{
        width   : 220px;
        float:left;
        margin-bottom: 5px;
        border: 1px solid #1e1e1e;
}

#content #main_wrap #main_info .display_video .img_div .relatedinfo{
        float:left;
        margin-left:12px;
        color: #FF0000;
        font-size: 11px;
        font-weight: bold;
}

        /** For tag cloud **/
#content #main_wrap #main_info #cloud {
        padding : 5px;
        width   : 424px;
        border  : 1px solid #ffeded;
        color   : #000000;
        background-color: #fffcfc;
        margin-top: 7px;
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 3px;
}

#content #main_wrap #main_info .cloud {
        padding                 : 3px;
        text-decoration : underline;
        line-height             : 150%;
        color                   : #FF0000;
}

#content #main_wrap #main_info #cloud a:hover { color : #FF0000; text-decoration : none; }

#content  .watch_title { font : bold 20px Georgia, "Times New Roman", Times, serif;  margin-bottom:5px; }

        /*********************
         *              Star Rating
         *********************/
#rating {
        font-size:12px;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{ background : url(images/star.gif) left -1000px repeat-x; }

.star-rating{
        position        : relative;
        width           : 90px;
        height          : 18px;
        overflow        : hidden;
        list-style      : none;
        margin          : 0;
        padding         : 0;
        background-position : left top;
}

.star-rating li{ display : inline; }

.star-rating a,
.star-rating .current-rating{
        position        : absolute;
        top                     : 0;
        left            : 0;
        text-indent     : -1000em;
        height          : 18px;
        line-height     : 18px;
        outline         : none;
        overflow        : hidden;
        border          : none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star         { width : 20%; z-index : 6; }
.star-rating a.two-stars        { width : 40%; z-index : 5; }
.star-rating a.three-stars      { width : 60%; z-index : 4; }
.star-rating a.four-stars       { width : 80%; z-index : 3; }
.star-rating a.five-stars       { width : 100%; z-index : 2; }
.star-rating .current-rating{ z-index : 1; background-position: left center; }

        /** For an inline rater */
.inline-rating{
        display:-moz-inline-block;
        display:-moz-inline-box;
        display:inline-block;
        vertical-align: middle;
}

        /** Smaller star */
.small-star{
        width:60px;
        height:12px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating { background-image : url(images/star_small.gif); line-height : 12px; height : 12px; }

        /*****************************************
         *              Form field eg registration.php
         *****************************************/

input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }

input.required, textarea.required {
        border          : 1px solid #00A8E6;
        height          : 22px;
        font-size       : 15px;
}

input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }

input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }

.validation-advice {
        margin          : 5px 0;
        padding         : 2px;
        background-color: #FF3300;
        color           : #FFF;
        font-size       : 10px;
        font-weight     : bold;
}

.custom-advice {
        margin          : 5px 0;
        padding         : 5px;
        background-color : #C8AA00;
        color           : #FFF;
        font-weight     : bold;
}

fieldset { padding: 1em; margin-bottom: 0.5em; }

label { font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }

.form-row { clear: both; padding: 0.5em; }

.divline {
        display         : block;
        font-size       : 11px;
        color           : #333333;
        border-bottom : 1px solid #CCCCCC;
        padding-bottom : 8px;
        margin-top      : 8px;
        margin-bottom : 8px;
}

        /*********************
         *              Channels
         *********************/
#content #content_display #ChWraper { width : 600px; padding-left : 30px; margin : 2px;}

#content #content_display #ChWraper #ChWraperIn {
        border: 1px solid #ffeded;
        padding:10px;
        width : 930px;
        background-color: #fffcfc;
}

#content #content_display #ChWraper .channelTitle {
        font-size       : 16px;
        padding-left: 40px;
        margin-left     : 20px;
        width           : 450px;
        color           : #000000;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
}

#content #content_display #ChWraper .channelRank {
        float           : left;
        padding-left: 5px;
        font-size       : 16px;
        color           :#000000;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}

#content #content_display #ChWraper .channelName {
        margin                          : 0 0 0 40px;
        padding-left            : 20px;
        padding                         : 5px;
        width                           : 450px;
}
#main_body #content #content_display #ChWraper #ChWraperIn .channelInfo img {
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
}


#content #content_display #ChWraper .channelInfo {
        padding-left    : 20px;
        margin-bottom   : 20px;
        margin                  : 0 0 0 40px;
        padding                 : 3px;
        width                   : 450px;
}

#content #content_display #ChWraper .channelInfo p {
        color:#666666;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
#main_body #content #content_display #ChWraper #ChWraperIn .channelInfo a {
        color: #FF0000;
}


#content #content_display #ChWraper .channelInfo a:hover { color:#FF0000; text-decoration:underline; }

        /************************
         *              Category Part
         *************************/
#content #content_display #wraper {
        float   : left;
        width   : 330px;
        height  : 200px;
        border  : 1px solid #ffeded;
        margin  : 1px;
        background-color: #fffcfc;
}

#content #content_display #wraper .FrameL { float:left; padding:10px; }

#content #content_display #wraper .FrameL img{ border:1px solid #999999; }

a img.imgrand { border: 1px solid #bdb8af; }

#content #content_display #wraper .FrameR { float:left; padding:3px; }

#content #content_display #wraper .FrameR .PNo { color:#444444; }

#content #content_display .PNo a {
        color           : #FF0000;
        font-size       : 10px;
        font-weight     : bold;
        text-decoration: underline;
}

#content #content_display #wraper p {
        color           : #FFFFFF;
        font-size       : 11px;
        font-weight     : bold;
}

#content #content_display .PTitle a {
        color           : #FF0000;
        font-size       : 14px;
        font-weight     : bold;
}
#main_body #content #content_display #wraper .FrameR .PTitle img {
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
}


#content #content_display .PTitle a:hover {
        color           : #FF0000;
        text-decoration : underline;
        font-size       : 14px;
}

#content #content_display .PView a {
        color           : #FF0000;
        font-size       : 11px;
        font-weight     : bold;
        text-decoration : underline;
}

#content #content_display .PView a:hover {
        color           : #FF0000;
        font-size       : 11px;
        font-weight     : bold;
        text-decoration : none;
}

#content #content_display .PNo a:hover {
        color           : #990000;
        font-size       : 10px;
        font-weight     : bold;
        text-decoration : none;
}

#content #content_display .Message {
        padding         : 5px;
        font-weight : bold;
        font-size       : 11px;
        color           : #FF0000;
}
        /**************************
         *              Admin Part
         **************************/
.margin{ margin : 0 10px; }

.tr_background_top {
        background-color : #1e1e1e;
        text-align      : center;
        font-weight     : 600;
        font-size       : 15px;
}

.tr_background_bottom { background-color : #1e1e1e; font-size : 5px; }

.tr_style {
        background-color : #121212;
        text-align      : center;
        font-size       : 13px;
        border: 1px solid #1e1e1e;
}
#main_body #content #content_display #settings_display #FrameDisplay .margin .tr_style td {
        color: #FFFFFF;
}


        /** For message display */
.message {
        font-size       : 12px;
        color           : red;
        font-weight     : 600;
        padding         : 5px;
        margin          : 5px 5px 5px 0;
        background-color : #FFFFCC;
}

#content #content_display #AdminMenu {
        float   :left;
        width   :130px;
        margin  :0;
        padding :5px;
        color: #000000;
}

#content #content_display #AdminMenu .titleSetting{
        border-bottom   : 2px solid  #CCCCCC;
        border-left             : 2px solid #CCCCCC;
        padding                 : 3px;
        font-weight             : 700;
        margin                  : 0;
}

#content #content_display #AdminMenu .inner{ border-bottom : 1px dotted #ccc; padding : 5px 5px 5px 10px; }

#content #content_display #FrameDisplay {
        float   : left;
        width   : 700px;
        border  : 1px solid #ffeded;
        margin  : 5px 5px 5px 30px;
        padding : 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-color: #fffcfc;
}

#content #content_display #settings_display #FrameDisplay .tpl_img {
        width   : 120px;
        padding : 5px;
        float   : left;
        text-align: center;
}

        /****************************
         *              Video Settings
         ****************************/
#content #content_display #VSWraper { float : left; display : inline; width : auto; }

#content #content_display #VSWraper .VSFrameL {
        float           : left;
        padding         : 40px;
        font-size       : 12px;
        font-weight     : bold;
        color           : #666666;
}
#content #content_display #VSWraper .VSFrameL a:hover { color:#4C1BF0; text-decoration:none; }

#content #content_display #VSWraper .VSImage{ border : 1px dashed #CCC; }

#content #content_display #VSWraper .VSFrameR {
        float           : right;
        padding         : 20px;
        width           : 380px;
        border          : 1px solid #CCCCCC;
        font-size       : 12px;
        font-weight     : bold;
        color           : #ADADAD;
}

#content #content_display #VSWraper .VSFrameR  { color:#717171; }

#content #content_display #VSWraper .VSFrameR p a:hover{ color:#4C1BF0; text-decoration:none; }

#content #content_display #VSWraper .VSInfoCat {
        padding : 2px;
        margin  : 2px;
        border  : 1px solid #CCC;
        color   : #717171;
}

#content #content_display #VSWraper .VSInfoCat a { color:#3399FF; text-decoration:underline; }

#content #content_display #VSWraper .VSInfoCat a:hover { color:#4C1BF0; text-decoration:none; }

#content #content_display #VSWraper .FontStyleA { font-size : 15px; font-weight : bold; color : #00C6FF; }

#content #content_display #VSWraper .VSFrameL form { color : #717171; }
#main_body #content #content_display #settings_display #FrameDisplay .margin .tr_background_top td {
        color: #FFFFFF;
}