﻿body
{
    margin:0px; padding:0px; background-color:#000000; font-family:Arial,Tahoma,Verdana; font-size:11px; color:White;
}
a{color:Yellow;}
/****************** HEAD AREA *********************/
.mainHead{height:108px; width:100%;}
.mainHeadContainer{width:1000px; position:relative;}
.mainLogo{position:absolute; left:-224px; top:0px; background:url(Images/Design/bjunkiLogo.png) no-repeat; width:644px; height:108px;}
.menuDiv{float:left; padding:30px 15px 0px 15px; cursor:pointer;}
.menuDiv:hover{color:#18B0B2;}
.menuSeperator{float:left; width:1px; height:70px;}
.mainMenu{font-weight:bold; position:absolute; top:20px; right:130px;}
.mainMenu a{text-decoration:none; color:White;}
.mainMenu a:hover{color:#18B0B2;}

.mainSocialContainer{position:absolute; top:42px; right:10px;}
.mainSocialContainer a{text-decoration:none;}
.mainSocialDiv{width:42px; float:left; padding:0px 4px;}
.mainSocialDiv img{border:none; width:40px; height:40px;}
.mainSocialTitle{font-size:9px; padding-top:2px; font-family:Tahoma,Arial; color:White;}

#logoutMenu{position:absolute; top:0px; right:140px; z-index:1000;}
#txtLogout{background:#333333; font-weight:bold; cursor:pointer;  padding:8px 10px;}
#txtLogin{background:#333333; font-weight:bold; cursor:pointer;  padding:8px 10px;}
.txtBox{width:200px; font-size:20px; font-weight:bold; padding:2px; color:silver; background:transparent; border:1px solid #666666;}
#btnLogin{cursor:pointer; background:#000000; padding:8px 10px; margin:4px 0px; width:50px;}
#loginValidator{color:red; font-size:10px; padding-bottom:4px;}

.langTable{width:120px; cursor:pointer; background:transparent; height:31px;}
.langTableDivContainer{background:#222222; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;}
.langTableDivContainer:hover{background:#444444;}

.menuRss{position:absolute; top:0px; right:0px; background:#333333; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;}
.menuRss:hover{background:#444444;}
.langTable2{width:120px; cursor:pointer; background:#333333;}
.langTable2 tr:hover{background:#222222;}

.langTable3{width:350px; cursor:pointer; background:#111111; height:31px;}
.langTable3 tr:hover{background:#222222;}
.langTable4{width:350px; cursor:pointer; background:#333333;}
.langTable4 tr:hover{background:#222222;}

.langFlag{width:16px; height:16px; padding:4px 2px 4px 6px;}
.langFlag img{width:16px; height:16px;}
.langName{padding:4px 0px 4px 4px; font-size:10px; text-align:left;}
.langDrop{width:16px; height:16px; padding:4px 4px 4px 2px;}
.langDrop img{width:16px; height:16px;}

.videolangTable{width:120px; cursor:pointer; background:#000000; height:20px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;}
.videolangTable2{width:120px; cursor:pointer; background:#111111; -moz-border-radius:5px; -webkit-border-radius:5px;}
.videolangTable2 tr:hover{background:#222222;}
.videolangFlag{width:16px; height:16px; padding:4px 2px 4px 6px;}
.videolangFlag img{width:16px; height:16px;}
.videolangName{padding:4px 0px 4px 4px; font-size:10px; text-align:left;}
.videolangDrop{width:16px; height:16px; padding:4px 4px 4px 2px;}
.videolangDrop img{width:16px; height:16px;}
/*************** PRESENTATION AREA ******************************/
.presentationDiv{height:384px; width:100%; background:url(Images/Design/spriteViolet.png) repeat-x; }
.presentationDiv2{height:450px; width:100%; background:url(Images/Design/spriteViolet2.png) repeat-x; }
/********* CONTROL PANEL AREA ************/
.txtSearchBack{float:left; width:187px; height:40px; background:url(Images/Design/txtSearch.png) no-repeat;}
.txtSearchBtn{float:left; width:61px; height:40px; background:url(Images/Design/btnSearch2.png) no-repeat; cursor:pointer;}
#txtSearch{font-size:16px; font-family:Tahoma,Arial,Verdana; color:Gray; background:transparent; border:none; padding:10px;  width:170px;}
.dropCategory{float:left; background:url(Images/Design/dropCategory.png) no-repeat; width:247px; height:40px;}
.categoryMenu{cursor:pointer; padding:4px 8px; font-family:Calibri,Tahoma; font-size:14px; font-weight:bold;}
.categoryMenu a{color:gray; text-decoration:none;}
.categoryMenu a:hover{color:yellow;}
#dropMenu2{visibility:hidden; z-index:999; position:absolute; top:60px; left:10px;  height:300px;}
#dropCategorySelected{font-weight:bold; font-family:Arial; font-size:14px; color:Gray; padding-top:12px; padding-left:18px;}
#dropMenuContainer{padding:10px 0px; height:265px;}
.dropMenuContainerDiv{height:285px; background:url(Images/Design/spriteMenu.png)}
.leftMenu{width:12px; height:285px; background:url(Images/Design/leftMenu.png)}
.rightMenu{width:12px; height:285px; background:url(Images/Design/rightMenu.png)}


/****** MAIN CONTENT DIV ********/
#mainTable{margin:0px; padding:0px; border:none; font-family:Tahoma,Arial,Verdana;}
#mainTable td{width:228px; padding-bottom:20px; vertical-align:top; padding-right:10px;}
.contentImg{width:228px; height:154px; border:none;}
#mainTable .title{color:#18b0b2; font-size:12px; margin:0px; font-weight:bold; padding-bottom:5px;}
#mainTable .title a{text-decoration:none; color:#18b0b2;}
#mainTable .title a:hover{color:#E8E365;}
#mainTable .title2{color:yellow; font-size:16px; font-family:Georgia; padding-bottom:5px;}
#mainTable .desc{color:silver; font-size:10px;}
.imgDiv{position:relative; cursor:pointer;}
.btnPlay{position:absolute; top:0px; left:0px; z-index:100; visibility:hidden; background:url(Images/Design/btnPlay.png) no-repeat; width:228px; height:154px;}
.seperator{height:260px; width:1px; }
.seperator img{height:260px; width:1px; padding:0px 10px;}
.MainPaging{font-family:Arial,sans-serif; font-size:18px; font-weight:bold; color:Silver;  }
.MainPaging a{text-decoration:none;} 
.PagingLink{color:Silver; padding:0px 3px;}
.PagingLink:hover{color:Red;}
.PagingLinkSelected{color:Yellow;padding:0px 3px; }

.btnSlideDiv{float:left; width:43px; height:384px; padding:0px 10px;}
#btnPrev , #btnNext{cursor:pointer; width:43px; height:71px; position:relative; top:157px;}
.slideContentDiv{float:left; width:874px; height:384px; overflow:hidden; position:relative;}
#slideBox{position:relative;}
.slide{float:left; width:874px; height:384px; background:transparent;}
.slide h1.slideTitle{font-size:32px; font-weight:normal; font-style:italic; color:#fff; text-shadow:1px 1px 5px #222;  padding:0px 0px 20px 0px; margin:0px !important;}
.slideLeftDiv{width:400px; padding:20px 10px; float:left; font-family:Georgia,Arial; color:Silver; position:relative;}
.slideRightDiv{width:404px; padding:20px 10px; float:left;}

.slideTxt{font-size:16px; height:200px; font-style:italic;}
.slideWatchBtn{background:url(Images/Design/btnWatchNow.png) no-repeat; display:block; text-decoration:none; border:none; width:219px; height:49px; position:absolute; left:10px; top:300px; cursor:pointer;}
.slideImg{width:396px; height:280px;}
.subtitlesFlag{position:absolute; right:3px; top:0px;}
.subtitleText{color:#dce365; padding-bottom:2px; font-size:10px;}


/**********************************************************************************************/
/********************************************VIDEO.ASPX*****************************************/
.videoPart{position: absolute; top:0px; right:-70px; cursor:pointer;}
.videoPart div{background:#000000; border:5px solid #000000; color:Silver; padding:5px 10px; font-weight:bold; font-family:Tahoma,Arial; font-size:12px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-radius-topright: 8px; -webkit-border-radius-bottomright: 8px;}
.videoPart div:hover{color:yellow;}
.videoPart div.active{color:yellow;}
.likeHeart{position:absolute; left:-55px; top:2px; cursor:pointer;}
.BigHeart{position:fixed; left:50%; top:50%; width:198px; height:198px; overflow:auto; margin-top:-99px; margin-left:-99px;}
.EditMsgDiv
{
    position:fixed; 
    z-index:77777; 
    width:100%; 
    top:0px;
    color:White; 
    padding:5px; 
    text-align:center;
    visibility:hidden;
}
.videoInfoDiv{font-size:9px; color:gray;}
.videoInfoDiv div{height:16px; }
.videoDateDiv{float:left; background:url(Images/Icons/clock-small.png) no-repeat scroll -3px 0px;  padding:2px 0px 0px 12px;}
.videoCommentDiv{float:right; background:url(Images/Icons/balloon-small.png) no-repeat scroll -3px 0px;  padding:2px 0px 0px 12px;}
.videoLikeDiv{float:right; background:url(Images/Icons/heart-small.png) no-repeat scroll -3px 0px; padding:2px 5px 0px 12px;}

.socialLink{width:32px; height:32px; border:none; cursor:pointer;}
#tipbox{position:absolute; top:150px; left:50px; background:url(Images/Design/tipbox.png) no-repeat; width:167px; height:58px;}
#tiptext{color:#ffffff; padding-top:5px; width:150px; height:50px; font-size:13px; font-weight:bold;}
.categoryLink{color:White; }
.categoryLink:hover{color:yellow; }

.comment{width:660px; padding:5px 5px; float:left; margin-bottom:5px; background:#111111; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentRed{width:660px; padding:5px 5px; float:left; background:#640303; margin-bottom:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentBlue{width:660px; padding:5px 5px; float:left; background:#035253; margin-bottom:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentUser{font-weight:bold; float:left; color:#f4f59d;}
.commentDate{float:right; font-weight:bold;}
.commentBottom{clear:both;}
.commentImg{float:left; border:2px solid #ffffff; margin:5px 0px;}
.commentImg img{width:40px; height:40px;}
.commentText{float:left; padding:5px 0px 5px 10px; width:600px; color:Silver;}
.commentUsername{font-size:20px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/user.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentUsername:focus{border:5px solid #222222; background-color:#faf1a3; }
.commentEmail{font-size:20px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/email.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentEmail:focus{border:5px solid #222222; background-color:#faf1a3;}
.commentEmail2{font-size:20px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/email_go.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentEmail2:focus{border:5px solid #222222; background-color:#faf1a3;}
.commentEmail3{font-size:20px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/email_error.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentEmail3:focus{border:5px solid #222222; background-color:#faf1a3;}
.commentPass{font-size:20px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/lock.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentPass:focus{border:5px solid #222222; background-color:#faf1a3;}
.commentSubject{font-size:20px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/pencil.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentSubject:focus{border:5px solid #222222; background-color:#faf1a3;}
.commentWebsite{font-size:20px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/link.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentWebsite:focus{border:5px solid #222222; background-color:#faf1a3;}
.commentLink{font-size:20px; width:400px;  border:5px solid #333333; color:black; background:#ffffff url(Images/Icons/link.png) no-repeat scroll 8px 6px; padding-left:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentLink:focus{border:5px solid #222222; background-color:#faf1a3;}
.textArea{font-family:Arial;padding:2px 2px 20px 2px;width:600px; height:150px; font-size:18px;  border:5px solid #333333; color:black; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.textArea:focus{border:5px solid #222222; background:#faf1a3;}
.textArea2{font-family:Arial;padding:2px 2px 20px 2px;width:400px; height:80px; font-size:18px;  border:5px solid #333333; color:black; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.textArea2:focus{border:5px solid #222222; background:#faf1a3;}
.textArea3{font-family:Arial;padding:2px 2px 20px 2px;width:425px; height:50px; font-size:12px;  border:5px solid #333333; color:black; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.textArea3:focus{border:5px solid #222222; background:#faf1a3;}
.commentCount{background:#333333; padding:2px; position:absolute; bottom:7px; left:5px;}
.commentBtn{width:200px; cursor:pointer; padding:10px 0px;  background:gray; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.commentBtn:hover{background:#222222;}


/*************************** ADS **********************************/
.adContainer{width:310px; height:280px; background:#222222; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.adDiv{width:300px; height:250px; background:transparent; margin:0px 5px 5px 5px;}
.adTitle{font-weight:bold; font-size:13px; padding:5px; }

.adContainer2{width:260px; height:280px; background:#222222; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.adDiv2{width:250px; height:250px; background:transparent; margin:0px 5px 5px 5px;}
.adTitle2{font-weight:bold; font-size:13px; padding:5px; }

.adContainer3{width:260px; background:#222222; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.adContainer4{width:310px; background:#222222; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.topContentTab{cursor:pointer; float:left; font-weight:normal; font-size:12px; background:#444444; padding:10px; margin-right:1px; }
.topContentTab:hover{background:#222222;}
.topContentTabSelected{cursor:pointer; font-weight:normal; font-size:12px; float:left; background:#222222; padding:10px; margin-right:1px; }
.topContentImg{width:80px; padding:5px;}
.topContentImg img{width:80px; height:54px; border:none;}
.topContentImg a{text-decoration:none;}
.topContentTD{padding:5px;}
.topContentTitle{font-weight:bold; font-size:11px;}
.topContentTitle a{text-decoration:none; color:White;}
.topContentTitle a:hover{color:Yellow; text-decoration:underline;}
.topContentStats{color:gray;}
.topVideos{height:auto; margin-bottom:10px; color:#ffffff; background:#000000; border:5px solid #222222; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;}


/**************** SITEMAP *******************/
.sitemapLink{color:Yellow;}
.sitemapLink a{color:Yellow; font-size:12px; text-decoration:none;}
.sitemapLink a:hover{text-decoration:underline; color:White;}
.sitemapTag{color:Gray; line-height:9px;}
.sitemapTag a{font-size:9px; font-family:Tahoma,Arial; color:Gray; }
