/***********************
          *                Main display
          ***********************/
body {background: url('images/bg-body.png') repeat scroll 0% 0%; font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff; margin:0; margin-top:0px;  }

.bg {

        background-repeat: repeat-x;
        background-position: left top;
        border-bottom-width: 7px;
        border-bottom-style: solid;
        border-bottom-color: #191919; background-color: #1e1e1e;

}

.text {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

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

        /** Header Part */

#main_menu {
        float        : right;
        color        : #FFFFFF;
        font-size : 11px;
        clear: right;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0;
        margin-top: 2px;
        font-family: tahoma;
        margin-right: 6px;
        margin-bottom: 4px;
}
#main_menu a {
        color : #FFFFFF;
        font-size : 11px;
        font-weight: normal;
        text-decoration: underline;
}
.hover img {
        padding-top: 0px;
        padding-right: 2px;
        padding-bottom: 0px;
        padding-left: 2px;
}

#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;
} /** End of Header Part */

        /* Content Part */
#main_body {
        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                : 1024px;
        margin-top         : 0px;
        margin-left        : auto;
        margin-right: auto;
        margin-bottom: 20px;
        padding                : 0;
        color: #CCCCCC;
        text-align        : left;
}



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

/**related searches**/

#content #relatedsearch {

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

#content b {

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


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

}

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

#content #page-up .page_title {
        font        : bold 11px Arial;
        padding-left : 11px;
        padding-top:6px;
        float        : left;
        color: gold;
}

#content #page-up .pagination {
        font-size        : 11px;
        text-align        : right;
        color                : #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin                : 0;
        padding-top        : 6px; padding-right: 15px;


}

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

#content #page-up .pagination a, #content #page-bottom .pagination a{
        color        : darkorange;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        border: 1px solid #cccccc;
}

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

.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 #ffffff solid;
        padding                : 0 6px;
        margin                : 0 2px;
        text-align        : center;
}

#content #content_display a{
        color                : #FFFFFF;
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
}
#content #content_display a img{
        border: 1px solid #FFFFFF;
}


#content #content_display {
        height        : 100%;
        padding-top: 8px;
        padding-left: 8px;
        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: 11px;
}


#content #content_display #content_thumbs .img {
        width        : auto;
        height        : auto;
        margin        : 1px;
        padding        : 3px;
        border        : 1px solid #444444;
        background-color: #1C1C1C;
        float: left;
        background-repeat: repeat-x;
        background-position: top;
        color: #94d2ff;
}

        /** Thumbs info */
#content #content_display #content_thumbs .settings {
        border-bottom : none;
        color: #1c1c1c;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content #content_display #content_thumbs .title         {
        padding: 3px;
        color: #FFFFFF;
}
#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:#FFFFFF; font-weight:bold; }
#content #content_display #content_thumbs .img div .duration{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; }

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

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

/** End of Content Part */
.searchField {
        color                : #000000;
        border: 1px solid #000000;
        font-size: 12px;
        font-family: Tahoma;
        background-color: #ffe7e7;
}

/** Footer Part */
.footer {
        text-align        : center;
        width: 100%;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        height: 32px;
        background-repeat: no-repeat;
        background-position: center top;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 10px; text-decoration: none;

}
.footer a {
        color                : #999999;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px; text-decoration: none;


}
.footer a:hover {
        color                : darkorange;

}
/* 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;
        border-top-color: #ececed;
        border-right-color: #ececed;
        border-bottom-color: #333333;
        border-left-color: #ececed;
                  background-image: url('images/bg-body.png');
        background-repeat: repeat-x;
        background-position: top;
        margin: 0px;
}

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

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

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

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

#content #main_wrap #video_player .download_text a:hover { color : #FFFFFF; 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                : #FFFFFF;
        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 #1e1e1e;
        text-align        : center;
        padding-bottom : 5px;
        color                : #FFFFFF;
        background-color: #121212;
}

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

#content #main_wrap #video_player #friends a:hover{ color : #FFFFFF; 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 #1e1e1e;
        padding        : 5px;
        height        : auto;
        color        : #FFFFFF;
        background-color: #121212;
        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 : #CCCCCC;
        text-decoration : underline;
        font-weight: bold;
}

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

#content #main_wrap #main_info #ShowInfoBox {
        border                : 1px solid #1e1e1e;
        border-top        : none;
        margin                : 0 10px 0 0px;
        padding                : 5px;
        width                : inherit;
        background-color: #121212;
        text-align        : center;
        color                : #FFFFFF;
}
#content #main_wrap #main_info #ShowInfoBox a {
color: #cccccc;
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 #1e1e1e;
}
#content #main_wrap #main_info .rel_vid li a {
        color:#CCCCCC;
        text-decoration: none;
}

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

#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: #FFFFFF;
        font-size: 11px;
}

        /** For tag cloud **/
#content #main_wrap #main_info #cloud {
        padding        : 5px;
        width        : 424px;
        border        : 1px solid #1e1e1e;
        color        : #FFFFFF;
        background-color: #121212;
        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                        : #CCCCCC;
}

#content #main_wrap #main_info #cloud a:hover { color : #FFFFFF; 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 #999999;
        padding:10px;
        width : 870px;
        background-color: #121212;
}

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

#content #content_display #ChWraper .channelRank {
        float                : left;
        padding-left: 5px;
        font-size        : 16px;
        color                :#FFFFFF;
        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:#999999;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

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

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

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

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

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                : #FFFFFF;
        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                : #FFFFFF;
        text-decoration : underline;
        font-size        : 14px;
}

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

#content #content_display .PView a:hover {
        color                : #FFFFFF;
        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; }
#main_body #content #content_display #settings_display #FrameDisplay .margin td {
        background-color:#222222;
        border:solid;
        border-width:1px;
                  color: #CCCCCC;
}


.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;
}

        /** 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: #FFFFFF;
}

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

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

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

#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; }

}
.box {background-color: #222222; font-size:12px;
}
.box a {font-size:12px}
.boxbody {background-color: #660000; border: 1px solid; border-color: #FFFF99
}

#mobile {font-size: 10px;color:darkorange;}
#mobile a {text-decoration: none; font-size: 10px;color:white;}
#mobile a:visited {color:white;}
#mobile a:hover {color: darkorange;text-decoration: underline;}