body,
html {
    margin:0;
    padding:0;
    background: #707070; /*	 background: #000 url(http://www.supertangas.com/tangamania1/8.jpg); */
    background-repeat: repeat;
    color:#EEEEE8;
    }
body {
    min-width:945px;
    }
a {
  color: #EEEEE8;
}
#wrap {
	background-repeat: repeat-x;
	background-image: url(../images/gradient_bg.jpg);
	background-position: top;
	background-color: #343434;
	border-left:5px solid #C6C2B6;
	border-right:5px solid #C6C2B6;
    	margin:0 auto;
    	width:945px;
    	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
#topNav{
	background: url(../images/mainnav-bg.jpg) no-repeat;
	height:30px;
	border-bottom:1px solid #797460;
	overflow:hidden;
}
.topNav_left{
	color:#fff;
	font-size:12px;
	padding:5px 10px 0 10px;
	float:left;
}
.topNav_right{
	color:#fff;
	font-size:14px;
	padding:4px 10px 0 10px;
	float:right;
}
.topNav_right a, .topNav_left a{
	text-decoration:none;
	color:#fff;
}
.topNav_right a:hover, .topNav_left a:hover{
	text-decoration:none;
	color:#FFFF77;
}
.dropDownCat{
	background:#C5C1B5;
	color:#313131;
	border:1px;
	width:260px;
	font-weight:bold;
}
#header {
	height:90px;
	/* background:#000; */
background: #000 url(../images/header05.jpg);
    }
#header h1 {
    padding:5px;
    margin:0;
    }
#topLogo{
	margin:5px 20px 0px 10px;
}
/* top nav */
ul.mainnav {float:left;background:url(../images/mainnav-bg.jpg) no-repeat;width:925px;height:45px;padding:0 20px;margin:0; list-style:none;}
.mainnav li {float:left;background:url(../images/mainnav-sep.gif) no-repeat left center;}
.mainnav li a {color:#EEEEE8;line-height:39px;font-size:11px;text-decoration:none;display:block;float:left;text-align:center;padding: 0 7px;}
.mainnav li.first {background:none;}
.mainnav li.large a {width:105px;}
.mainnav li.medium a {width:80px;}
.mainnav li.small a {width:50px;}
.mainnav li.small a:hover {background:url(../images/mainnav-on-small-bg.gif) no-repeat bottom center;}
.mainnav li.medium a:hover {background:url(../images/mainnav-on-medium-bg.gif) no-repeat bottom center;}
.mainnav li.large a:hover {background:url(../images/mainnav-on-large-bg.gif) no-repeat bottom center;}
.mainnav li.small a.on {background:url(../images/mainnav-on-small-bg.gif) no-repeat bottom center;}
.mainnav li.medium a.on {background:url(../images/mainnav-on-medium-bg.gif) no-repeat bottom center;}
.mainnav li.large a.on {background:url(../images/mainnav-on-large-bg.gif) no-repeat bottom center;}
.mainnav li a.on:hover, .mainnav li a.on:focus {color:#EEEEE8;}
#nav {
    color: #313131; font-weight: bold;float:left; background:url(../images/mainnav-sub-bg.jpg) repeat-y;width:937px;height:30px;padding:0 20px;margin:0; overflow-y: hidden;
}
#nav h1 {
    color: #313131;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
#nav ul{
    margin:10px 0 0 0;
    padding:0;
    list-style:none;
    }
#nav li{
    display:inline;
    margin:0;
    padding:0;
    }  
.nav_title{
	float:left; 
    margin-left:10px;
	height:27px;
	overflow:hidden;
}
.nav_search{
	color:#fff;
	font-size:12px;
	padding:0;
width:322px;
	float:right;
}
.rssIcon{
	float:left;
	width:22px;
	height:22px;
}
.playIcon{
	float:left;
	width:22px;
	height:22px;
}
.profileIcon{
	float:left;
	width:18px;
	height:18px;
    margin:0 5px 0 0;
}
.usernameIcon{
	float:left;
	width:22px;
	height:22px;
}
.desc_username{
	margin:5px 0 5px 0;
	background:#313131;
	color:#EEEEEE;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #555555;
	height:25px;
	cursor:pointer;
	overflow:hidden;
}
.desc_username:hover{
	border:1px solid #EEEEEE;
	cursor:pointer;
}
.channelIcon{
	float:left;
	width:22px;
	height:22px;
    margin:3px 10px 0 10px;
}
.username{
	float:left;
    margin:1px 0 0 0;
}
.search {
	background:#fff;
	height:35px;
	width: 308px;
	background-repeat: no-repeat;
    border:0px;
	margin:0 15px 0 0;
	border:1px solid #313131;
	color:#313131;
}
.search input{
	padding:2px;
	width: 145px;
	height:16px;
	float:left;
    margin:4px 1px 3px 0;
	border:1px solid #CA2430;
}
#searchbutton {
	padding: 0px;
	border: none;
	width: 35px;
	height: 25px;
    margin:2px 0 4px 0;
	float: left;
}
#filter{
	height:30px;
	overflow-y: hidden;
    padding:0px 0 8px 0;
    color: #EEEEE8;
	float:left;
}
#filter .title{
    color: #FFCC00;
	font-weight:bold;
}
#search-filter-status-button{
    width:75px;
	height:16px;
	font-weight:bold;
	text-align:center;
	float:left; 
	cursor:hand; 
	cursor:pointer;
    margin:3px 0 4px 0;
	padding: 3px 4px 4px 4px; 
	color:#EEEEE8; 
}
#main {
    float:left;
    width:635px;
    margin: 5px 5px 20px 0;
	padding:0;
	overflow-x:hidden;
    }
#main h2, #main h3, #main p {
    margin: 0 10px 10px 10px;
    padding:0;
    }
#sidebar {
	margin:5px 0 10px 0;
    	float: left;
    	width:302px;
	overflow-x:hidden;
}
.sidebarContainer{
	margin:0 0 8px 0;
	padding:0 0 5px 0;
    width:302px;
	overflow-x:hidden;
	background-repeat: repeat-x;
/*	background-image: url(../images/gradient_bg.jpg); */
	background-position: top;
	background-color: #202020; 
}
.sidebarContainer h3{
  margin:0;
  padding: 5px 0 5px 30px;
  font-size:15px;
  background: #636363 url(../images/bullet.gif) no-repeat;
  background-position:5px 48%;
  color:#EEEEE8;
  border-bottom: solid 2px #EEEEE8;
}
.sidebarContainer p{
  margin:3px;
  padding:5px;
}
.sidebarContainer a:hover{
  color:#313131;
   background:#FFFF77; /* preview image related videos */
  text-decoration:none;
}
.sidebarContainer a{
  padding:1px;
}
.sidebarContainer p span{
  background:#313131;
  color:#FFFF77;
  padding:1px;
  margin:2px;
  border:1px dotted #FFFF77;
}
#download_video{
  text-decoration:none;
  color:#EEEEE8;
  font-size:11px;
  padding:5px 0px 5px 0;
}
#download_video .format_img{
  border:2px solid #FFFFFF;	
  margin:7px 0 5px 0;
  width:65px;
  height:111px;
}
#download_video .format_img:hover{
  border:2px solid #FFCC77;	
  cursor:pointer;
}
#download_video em{
  text-decoration:none;
  color:#FFCC00;
  font-size:12px;
  font-weight:bold;
}
.video_description{
	padding:0 7px 7px 7px;
}
.video_description p{
	padding:5px 0 5px 0;
}
#topAd{
	float:right; 
	margin: 15px 20px 0 0;
}
.ad468_home{
	background:#EEEEE8;
	margin:5px 0 7px 7px;
	padding:10px 5px 5px 5px;
  	clear:both;
    	width:587px;
    	height: 68px;
}
.sidebarAd{
	margin-bottom:8px;
	margin-top:4px;
	border: 1px solid #EEEEE8;
}
#footerAd{
	margin:8px;
	text-align:center;
}
#footer {
	background-repeat: repeat-x;
	background-image: url(../images/gradient_bg.jpg);
	background-position: top;
	background-color: #343434;
    clear:both;
    height: 60px;
    text-align: center;
    color: #EEEEE8;
    padding: 20px 0 0 0;
	border-top:1px dashed #C6C2B6;
    }
#footer a {
    color: #EEEEE8;
    }
    
#footerLinks{
	margin:8px;
}
.video_thumb_item {
  padding: 5px;
  margin: 5px 6px 10px 6px;
  float:left;
  font-weight: bold;
  font-style: italic;
  text-align:center;
  width: 180px;
  height: 144px;
  border:1px solid #000000;
  background:#FFFFFF;  /* EEEEE8 */
}
.video_thumb_item a {
  color:#111111;
  text-decoration:none;
}
.video_thumb_item img {
	width: 172px;
	height: 116px;
 	border: solid 4px #000000; /* EEEEE8 */
}
.video_smallthumb_item {
  padding: 5px;
  margin: 5px 5px 5px 5px;
  float:left;
  text-align:center;
  width: 115px;
  height: 100px;
  border:0px;
}
.video_smallthumb_item img {
	width: 115px;
	height: 75px;
 	border: solid 2px #EEEEE8;
}
.video_item {
background: #636363 url(../images/bg001.gif); /* background: #636363 url(../images/box_bg.jpg) repeat-x; gallery view */
	padding: 5px;
  	margin: 5px;
  	border: 1px solid #cccccc;
  	overflow:hidden;
}
.video_item a{
  color:#FFFF77;
}
.video_item span{
  color:#FFFFFF;
}
.video_item h3{	
  font:normal 14px Arial, Helvetica, sans-serif;
  color:#FFFFCC;
  padding:0; 
  margin: 30px 0 10px 0; 
}
.video_item h3 a{
  font-weight: normal;
  font-size: 17px;
  color: #FFFFCC;
  text-decoration: none;
  font-weight: bold;
}
.video_item p {
  font-size: 12px;
  margin: 0;
  margin: 0 0 10px 0;
}
.video_item p span {
  font-weight: bold;
  color:#FFFFFF;
}
.video_item li {
  color:#FFFF77;
}
.video_item .tag {
  padding:2px;
  text-decoration:none;
}
.video_item .tag:hover {
  color:#313131;
  background:#FFFF77;
  text-decoration:none;
}
.video_item li span {
  font-weight: bold;
  color:#FFFFFF;
}
.video_item .largeThumb {
  margin: 0 10px 10px 10px;
  border: solid #fff 4px;
  float: left;
  width:180px;
  height:130px;
}
.video_item .smallThumb {
  margin: 0 3px 3px 3px;
  border: solid #fff 1px;
  float: right;
  width:70px;
  height:52px;
}
.video_item ul {
  list-style: none;
}
.video_item li {
  margin: 0 0 5px 0;
}
.video_item p a {
  font-size: 12px;
  color: #ffcc00;
  text-decoration: underline;
  padding: 0 3px 0 3px;
}
.video_item p a:hover {
  color: #000;
  background-color: #EEEEE8;
  text-decoration: none;
}



/* background list view */

.video_thumb_item_list_view {
  padding: 5px;
  margin: 5px 6px 10px 6px;
  float:left;
  text-align:center;
  width: 180px;
  height: 144px;
  border:1px solid #000000;
  background:#EEEEE8; 
}
.video_thumb_item_list_view a {
  color:#111111;
  text-decoration:none;
}
.video_thumb_item_list_view img {
	width: 172px;
	height: 116px;
 	border: solid 4px #EEEEE8;
}
.video_smallthumb_list_view_item {
  padding: 5px;
  margin: 5px 7px 10px 7px;
  float:left;
  text-align:center;
  width: 115px;
  height: 100px;
  border:0px;
}
.video_smallthumb_item_list_view img {
	width: 115px;
	height: 75px;
 	border: solid 2px #EEEEE8;
}
.video_item_list_view {
	background: #404040 url(../images/list_view_bg3.jpg) repeat-x; /* background: #636363 url(../images/box_bg.jpg) repeat-x; */
	padding: 5px;
  	margin: 5px;
  	border: 1px solid #cccccc;
  	overflow:hidden;
}
.video_item_list_view a{
  color:#FFFF77;
}
.video_item span{
  color:#FFFFFF;
}
.video_item_list_view h3{	
  font:normal 14px Arial, Helvetica, sans-serif;
  color:#FFFFCC;
  padding:0; 
  margin: 30px 0 10px 0; 
}
.video_item_list_view h3 a{
  font-weight: normal;
  font-size: 17px;
  color: #FFFFCC;
  text-decoration: none;
  font-weight: bold;
}
.video_item_list_view p {
  font-size: 12px;
  margin: 0;
  margin: 0 0 10px 0;
}
.video_item_list_view p span {
  font-weight: bold;
  color:#FFFFFF;
}
.video_item_list_view li {
  color:#FFFF77;
}
.video_item_list_view .tag {
  padding:2px;
  text-decoration:none;
}
.video_item_list_view .tag:hover {
  color:#313131;
  background:#FFFF77;
  text-decoration:none;
}
.video_item_list_view li span {
  font-weight: bold;
  color:#FFFFFF;
}
.video_item_list_view .largeThumb {
  margin: 0 10px 10px 10px;
  border: solid #fff 4px;
  float: left;
  width:180px;
  height:130px;
}
.video_item_list_view .smallThumb {
  margin: 0 3px 3px 3px;
  border: solid #fff 1px;
  float: right;
  width:70px;
  height:52px;
}
.video_item_list_view ul {
  list-style: none;
}
.video_item_list_view li {
  margin: 0 0 5px 0;
}
.video_item_list_view p a {
  font-size: 12px;
  color: #ffcc00;
  text-decoration: underline;
  padding: 0 3px 0 3px;
}
.video_item_list_view p a:hover {
  color: #000;
  background-color: #EEEEE8;
  text-decoration: none;
}






#pager{
	height:50px;
}
.next_page a{
  width:150px;
  text-align:center;
  border: 1px solid #EEEEE8;
  float: right;
  padding: 10px;
  font:normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #EEEEE8;
  margin-top: 10px;
}
.next_page a:hover{
  border: 1px solid #ffcc00;
}
.prev_page a{
  width:150px;
  text-align:center;
  border: 1px solid #EEEEE8;
  float: left;
  padding: 10px;
  font:normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #EEEEE8;
  margin-top: 10px;
}
.prev_page a:hover{
  border: 1px solid #ffcc00;
}
.top_curr_page {
  margin: 5px 20px 0 0;
  font-size:12px;
  float:right;
}
.curr_page {
  width:250px;
  text-align:center;
  float: left;
  font:normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #EEEEE8;
  margin: 20px 0 0 0;
}
.next a{
  width:70px;
  text-align:center;
  border: 1px solid #EEEEE8;
  float: right;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #EEEEE8;
  margin: 2px 40px 10px 0px;
}
.next a:hover{
  border: 1px solid #DD424E;
}
.prev a{
  width:70px;
  text-align:center;
  border: 1px solid #EEEEE8;
  float: left;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #EEEEE8;
  margin: 2px 0 10px 20px;
}
.prev a:hover{
  border: 1px solid #DD424E;
}
.clear {
  margin:0px;
  padding:0px;
  height:1px;
  clear: both;
}
#detail_stat {
	background: #636363; /* 636363 url(../images/box_bg.jpg) repeat-x; */
  	padding: 10px 0px 0px 0px;
  	margin: 5px;
  	border: 1px solid #404040; /* #EEEEE8; */
}
#detail_stat p {
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}
#detail_stat p span {
  font-weight: bold;
  color:#FFFF77;
}
#detail_stat a {
  color: #EEEEE8;
  text-decoration: underline;
  padding: 0 3px 0 3px;
}
#detail_stat a:hover {
  	color: #EEEEE8;
	background-repeat: repeat-x;
	background-image: url(../images/gradient_bg.jpg);
	background-position: top;
	background-color: #343434;
  	text-decoration: none;
}
.share_widget{
	margin:5px;
}
#related_videos {
	background-repeat: repeat-x;
	background-image: url(../images/gradient_bg.jpg);
	background-position: top;
	background-color: #343434;
  	padding: 5px 5px 10px 15px;
  	margin: 5px;
  	border: 1px solid #EEEEE8;
    overflow:hidden;
}
#related_videos p {
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#related_videos p span {
  font-weight: bold;
}
#related_videos a {
  color: #EEEEEE;
  text-decoration: none;
}
#related_videos a:hover {
  color: #DD424E;
  text-decoration: none;
}
.related_videos_wrap{ /* related videos frame */
  width:100%;
  overflow-x:hidden;
  overflow-y:auto;
}
.related_videos_wrap .video_thumb_item img {
    width:160px;
	height:105px;
}
.related_videos_wrap .video_thumb_item {
    width:170px;
	height:135px;
}
.related_videos_wrap .video_smallthumb_item img {
    width:120px;
	height:85px;
}
.related_videos_wrap .video_smallthumb_item {
	margin: 4px 2px 10px 0px;
    width:130px;
	height:95px;
}
.related_videos_pager{
	float:right; 
	background:#313131; 
	padding:3px 5px 3px 5px;
	color:#ffff77; 
	margin:0 0 5px 0;
	font-size:11px;
}
.related_videos_pagination{
	margin:5px; 0 0 0; height:30px; overflow:hidden;  /* button related videos frame */
}
.video_thumb_item a{
   color: #111111 !important;
   text-decoration: none;
}
.comment_alt_1 {
	background: #242424;
  	border-top: solid 1px #404040; /* EEEEE8; */
  	padding: 10px;
  	margin: 0px;
}
.comment_alt_2 {
	background: #343434;
  	border-top: solid 1px #404040; /* EEEEE8; */
  	padding: 10px;
  	margin: 0px;
}
.detail_comment {
  margin: 0 0 10px 0;
}
.detail_comment p {
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}
.detail_comment span {
  font-weight: bold;
}
.go{
  border: 1px solid #313131;
  color:#EEEEE8;
  background:#DD424E;
  font-weight:bold;
  cursor:hand;
}
.video_player {
  margin: 5px 5px 0 10px;
  clear:both;
}
#TagCloud {padding:0px; }
.tagLink{
	float: left;
	height:20px;
	color:#FFFF77; 
	margin: 0 5px 8px 5px;
}
.tagLink a { color:#EEEEE8; }
.tagLink a:hover {background: #EEEEE8; color:#313131;}
#w3c {
  margin: 10px 0 0 0;
}
#w3c img {
  border: 0px;
}
#profile {
	background-repeat: repeat-x;
	background-image: url(../images/gradient_bg.jpg);
	background-position: top;
	background-color: #343434;
  	padding: 5px;
  	margin: 5px;
  	border: solid 1px #EEEEE8;
}
#profile p {
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}
#profile p span {
  font-weight: bold;
  color:#FFFF77;
}
#profile a {
  color: #ffffff;
  text-decoration: none;
  padding: 0 3px 0 3px;
}
#profile a:hover {
  color: #ffffff;
  text-decoration: none;
}
#profile img {
  float: left;
  border: 1px solid #000;
  margin: 0 20px 20px 0;
}
#profile_c1 {
  float: left;
}
#profile_c2 {
  float: left;
}
#user_menu {
  margin: 0 0 15px 350px;
  padding: 0px;
}
#user_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#user_menu li {
  display: inline;
  margin: 0 10px 0 0;
}
#user_menu a {
  text-decoration: none;
  color: #313131;
  background:#FFFFFF;
  border:1px solid #FFFFFF;
  padding: 5px;
}
#user_menu a:hover {
  text-decoration: none;
  color: #EEEEE8;
  border-top:1px solid #000000; 
  border-right:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  background:#000000;
}
#user_menu .selected {
  text-decoration: none;
  color: #EEEEE8;
  border-top:1px solid #000000; 
  border-right:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  background:#000000;
}
.shareit{
	border:0px;
	margin:10px;
}
.shareit img{
	border:0px;
}
#input_permalink{
	width: 237px;
	margin:5px 0 0 0;
	border: 1px solid #FFCC00;
	padding:2px;
}
#textarea_embed{
	width: 500px;
	height: 100px;
	border: 1px solid #555555;
	padding:5px;
	overflow-x: hidden;
	
}
div.clear {
clear: both;
}
.treeMenuWrap{
	height:535px; 
	padding:10px;
	overflow-x:hidden;
	overflow-y:auto;
}
.treeMenuUnselectedTd{
}
.treeMenuSelectedTd{
}
.treeMenuUnselectedA{
	font-size:16px;	
}
.treeMenuSelectedA{
	font-size:16px;	
	color:#FFCC00;
}
#commentPost .resultMsg{
	font-size: 16px;
	color: #B5FF84;
	font-weight:bold;
}
.deleteLink a{
	float:right;
	padding:5px;
	color:#FFFF77;
}
.deleteLink a:hover{
	background:#FFFF77;
	color:#313131;
	text-decoration:none;
}
#list_menu{
  	padding: 5px;
  	margin: 5px;
	background:#EEEEE8;
  	border: 1px solid #313131;
	height:15px;
	overflow:hidden;
}
#list_orderby{
	float:left;
	color:#313131;
	font-size:11px;	
	font-weight:bold;
}
#list_orderby a{
	text-decoration:none;
	color:#313131;
	margin:2px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	font-weight:normal;
}
#list_orderby a:hover{
	text-decoration:none;
	color:#EEEEE8;
	background:#CD2532;
	cursor:pointer;
}
#list_orderby .selected{
	text-decoration:none;
	color:#EEEEE8;
	background:#CD2532;
	cursor:pointer;
}
#list_time{
	float:left;
	color:#313131;
	font-size:11px;	
	font-weight:bold;
}
#list_time a{
	text-decoration:none;
	color:#313131;
	margin:2px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	font-weight:normal;
}
#list_time a:hover{
	text-decoration:none;
	color:#EEEEE8;
	background:#CD2532;
	cursor:pointer;
}
#list_time .selected{
	text-decoration:none;
	color:#EEEEE8;
	background:#CD2532;
	cursor:pointer;
}
#list_mode{
	float:right;
	color:#313131;
	font-size:11px;
	font-weight:bold;
}
#list_mode a{
	text-decoration:none;
	color:#313131;
	margin:2px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	font-weight:normal;
}
#list_mode a:hover{
	text-decoration:none;
	color:#EEEEE8;
	background:#CD2532;
	cursor:pointer;
}
#list_mode .selected{
	text-decoration:none;
	color:#EEEEE8;
	background:#CD2532;
	cursor:pointer;
}
#list_paging{
	color:#313131;
	font-size:11px;	
}
.pagination{
	text-align:center;
	color:#FFFFFF;
	margin:10px;
}
#short_desc{
	display:block;
}
#short_desc a{
	background:#FFFF77;
	color:#313131;
	text-decoration:none;
}
#long_desc{
	display:none;
}
#long_desc a{
	background:#FFFF77;
	color:#313131;
	text-decoration:none;
}
.admin_logout{
	color:#FFFF77 !important;
}
.admin_logout a:hover{
	background:#FFFF77;
	color:#313131;
	text-decoration:none;
}
