/* CSS Document */
img, fieldset, form {border:0; margin:0; padding:0; font-family:Tahoma;}
body {color:#434242; font-family:Tahoma, Arial, Verdana, sans-serif; font-size:12px; margin:0; padding:0;background:url(template/bg_body_type02.gif);}
.clear {clear:both; height:0; font-size:0;}
.left {float:left;}
.right {float:right;}
.right div {text-align:right;}
.large {font-size:14px!important; color: #660033;}
.medium {font-size:13px!important;}
.small {font-size:11px!important; color: #660033;}
.tinysmall {font-size:10px!important;}
a {text-decoration:none; color:#6699FF ;}
a:hover {text-decoration: inherit;  background: url(template/hover.gif) no-repeat center ;}
ul {margin:0;padding:0;}
.mau_xanh {color:#6699FF ; font-size:11px;} 
.mau_do {  color:#ff0064; font-size:12px;}
.mau_tim { color: #CC00CC; }


#main_container {width:961px; padding:0!important; margin:0 auto;}
.header {
	height: 128px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 3px;
}

.divlogo{
	height: 109px;
}
.divlogo img{
	padding-top: 5px;
	padding-left: 14px;
}

	.header img {float:left;}
	.contSearchTop {width:645px;float:right; margin-right:4px; padding-top:14px;}

	/*b_ chinh cho nay cho event ne - thay 2 cai hinh blank va bg_search_top*/
	.box_event{height:1%; background:url(template/blank.png) bottom left no-repeat;}
	.contSearchTop  .searchform {
	background:url(template/bg_search_top.gif) no-repeat;
	height:30px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 115px;
}

	.searchTips02 {
	color:#000000;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10;
}


	.topmenu {
	height:25px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 156px;
	background-image: url(template/bg_menu_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.div-logo {
	height: 113px;
	vertical-align: bottom;
	margin-bottom: 9px;
}
.div-logo img {
	margin-top: 6px;
	margin-left: 5px;
}

	.topmenu li {
	list-style:none;
	float:left;
	display:block;
	text-transform:uppercase;
	padding-top: 6px;
	padding-right: 22px;
	padding-bottom: 5px;
	padding-left: 21px;
}
	.topmenu li a {color:#000000;font-weight:bold;}
	.topmenu li.selectitem {background:url(template/bgd_topmenuact.gif) bottom no-repeat;}
	.topmenu li.selectitem a {color:#FFF;}
	
.contain {padding:0px 0;}
	
	
	
.footer {font-size:11px; background:url(template/bg_footer.gif) no-repeat; height:80px; padding:10px 0 0 0;}
.footer span {padding:0 10px;}
.footer a {color:#000000; text-decoration:underline;}
.footer a:hover {text-decoration:none;}
.footer div {padding:10px 0 50px 0; font-size:11px; font-weight:bold;}

	.linkType04 a {color:#000000!important; text-decoration:underline!important; font-size:11px;}
	.linkType04 a:hover {text-decoration:none!important;}
	.contType03 {padding:0 10px;}
	.contType03 li {list-style:none; padding:2px 5px 20px 15px; margin:0; display:block; float:left; width:110px}
	.contType03 li img {border:1px solid #ececec; padding:2px;}
	.contType04 li {float:left; display:block; text-align:center; margin:0; padding:3px 0 0 0; list-style:none; width:129px; height:21px; background:url(template/bg_tab_non_select01.gif) no-repeat;}
	.contType04 li a {font-weight:bold; color:#ffffff;}
	.contType04 li.selecttab {background:url(template/bg_tab_select01.gif) no-repeat;}
	.contType04 li.selecttab a {font-weight:bold; color:#000000;}
	.contType04 div {background:#ffffff; border:1px solid #6d6d6d; padding:10px; height:1%; border-top:none; color:#000000; font-size:12px;}
	.contType04 div input, textarea {background:#ffffff; border:1px solid #8d8d8d; font-size:12px; width:380px;}
	
	.tblstyle02 td{padding:8px 5px;}
	.tblstyle03 td {padding:8px; line-height:18px;color:#636363;}
	.tblstyle03 input {background:#E5E5E5; width:220px; font-size:11px; border:none;height:16px;}
	.blockType04 .headType07 {padding:10px 0 10px 0!important;}
	.blockType04 .headType07 li {list-style:none!important; padding:0 2px 0 5px!important; margin:0!important; font-size:Tahoma; font-size:12px; float:left!important; display:block!important; width:auto !important;}
	.padT5 {padding-top:5px;}
	.headType07 div a {color:#000000;}
	.headType07 div span {padding:0 5px;}
	.bgNone {background:none !important;}
	.bgType06 {background:url(template/bg_topplayer.gif) no-repeat bottom; width:535px; height:427px; padding:0 5px;}
	.bgType06 h2 {background:url(template/bg_head02.gif) no-repeat; width:475px; height:16px; padding:5px 30px; margin:0; text-transform:uppercase; font-size:12px; color:#ffffff;}

/* Mail */
	p { margin:0; padding:0;}
	.tblstyle01 td{ font-family:Tahoma; font-size:11px; padding:8px 5px;}
	.padT_10{ padding-top:10px;}
	.check{ width:14px; height:14px; font-size:0;}
	.bgGray{ background-color:#f1f1f1;}
	.bgGray2{ background-color:#f5f5f5;}
	.font_12{ font-size:12px;}
	.sort{ font-size:13px; padding:5px 0 9px 0;}
	.sort a{ color:#000; text-decoration:none;}
	.textLink{ color:#f80 !important;}
	td.textLink a{ color:#f80;}
	
	.contain h1{ float:left; width:760px; font-family:Tahoma; font-size:14px; padding:10px 0 7px 0; color:#000; margin:0 10px 10px 0; background:url(template/bgd_lineInbox.gif) left bottom repeat-x;}
	.borderInbox{ border:1px #b3b3b3 solid;}
	.borderInbox .img{ font-size:0; padding-bottom:3px;}
	.borderInbox .img img{ border:1px #cecece solid; padding:2px; background:#fff;}
	.borderInbox .bgContent{ width:96%; background:#fff; padding:3px 0; margin:4px 0 5px;}
	.title{ font-weight:bold; color:#f80; font-size:0; padding:0; margin:0;}
	.borderInbox .bgLine{ background:#f1f1f1 url(template/bgd_lineInbox.gif) left bottom repeat-x;}
	.bgLine td{ padding-left:0; padding-right:0;}
	.borderInbox .bgLine a{ color:#f80;}
	.bold{ font-weight:bold;}
	.linkPage{ padding:8px 15px 8px 15px;}
	.linkPage a{ color:#000; text-decoration:underline;}

	.width_40{ width:40%;}
	.width_80{ width:80%;}
	.padT_5{ padding-top:5px;}
	.note{ color:#f00;}

	.textGray{ color:#505050;}
	.radio{ width:14px; font-size:0;}
	.titleViewMail{ font-size:11px; padding:8px 0 6px 15px; background:#f1f1f1;}
	.contentViewMail{ font-size:11px; padding:15px; position:relative;}
	.btnViewMail{ padding-top:10px; position:relative;}
	.btnViewMail em{ position:absolute; right:0; top:16px; font-style:normal; font-size:11px; background:url(template/ico_back.gif) left top no-repeat; padding-left:25px; padding-bottom:5px;}
	.btnViewMail em a{ color:#000; text-decoration:underline;}
	.padTb_tb{ padding:3px 0;}
	.padTb_tb1{ padding:8px 0;}
	.tblstyle02{ padding:8px 5px;}
	.tblstyle02 td{ font-family:Tahoma; font-size:12px; padding:8px 10px;}
	.tblstyle02 td.padT{ padding-top:12px;}
	.changeAvartar{
	width:530px;
	border:1px solid #c5c5c5;
	padding-bottom:15px;
	margin-bottom:10px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
}
	
#divType {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #616161;
	text-decoration: none;
	width: 395px;
	text-align: left;
}

	


/****************** MAIN MENU START CANGPV 31-03-2008******************/
.mainmenu { background:url(template/menu_bg.gif); height:27px;}
.mainmenu_left { background:url(template/menu_bg_left.gif); float:left; width:100px; height:27px;}
.mainmenu_right { background:url(template/menu_bg_right.gif); float:right; width:100px; height:27px;}
.mainmenu_mid { float:left; }

.mainmenu li {list-style:none; float:left; display:block; width:100px; text-transform:uppercase; text-align:center; line-height:27px;}
.mainmenu li a {color:#000000; font-weight:bold; text-decoration:none; display:block; width:100px;}
.mainmenu li a:hover {background:url(template/menu_bg_select.gif); color:#FFF;}
.mainmenu li .selectitem {background:url(template/menu_bg_select.gif); color:#FFF;}
.mainmenu li .selectitem a {color:#FFF;}
.mainmenu .node { background:url(template/menu_bg_node.gif) top no-repeat; width:7px; float:left; display:block; margin:0px; padding:0px; height:27px;}
/****************** MAIN MENU END  ******************/




/*user detail*/
	.personal {position:relative; background:url(template/bg_box04a_bottom_item01.gif) left bottom repeat-y; padding:7px 10px 0px 10px; line-height:18px;}
	.personalBot {
	height:29px;
	background:url(template/bg_personal_bottom.gif) bottom;
}
   .personal a {color:#ff0064;}
      .personal span {color: #660033; }        
	.shoutoutico {position:absolute; right:-3px; right:-2px; top:-29px;}
	.shoutout {color:#FFF; background:url(template/bgd_shoutouttop.gif) left top no-repeat; margin-bottom:5px;}
	.shoutout p {font-size:14px; padding:10px 20px 5px 20px;}
	.shoutoutbot {background:url(template/bgd_shoutoutbot.gif) no-repeat; font-size:1px; height:10px;}
	#loggedin {background:url(template/login_bg.gif) no-repeat; height:30px; padding-top:3px;}
	
   .user_link {background:url(template/user_link.gif) no-repeat; height:26px; width:184; padding-left:30px; padding-top:3px; }	
     .user_link span { color: #3399FF ;}	
	.chat_top { background:url(template/chat_top.gif) no-repeat;  height:22px;}
	.chat_top_mng { padding-left:3px;  font-size:12px; color:#FF0000;} 
	.chat_top_girl { background:url(template/chat_top_girl.gif) no-repeat; font-size:11px; height:22px; padding-right:50px;  }
	.chat_middle { background:url(template/chat_middle.gif) repeat top center; width:218px;}
	.chat_middle p{ top center;  font-size:10px; color:#000000; padding:0px 0px 0px 8px; width:210px; }  /*top  right     bottom left*/
	.chat_bottom { background:url(template/chat_bottom.gif) no-repeat;  height:11px;  }
	.msg_top { background:url(template/msg_top.gif) no-repeat center ; Sidth: 200px ; height:24px; border:0px;}
	  .msg_top p { padding-bottom:5px; padding-left:5px;  font-size:13px; } 
	
	
	
	.msg_content { background-color:#CCCCCC ; width: 165px ; height:70px; border: dashed thin; overflow: auto; }
    .feed_content { padding:10px 7px 0px 0px; width:400px;}
	 .feed_form { background-color:#FFFFF ; width: 330px ; height:65px; border:#0099FF dotted thin; overflow:auto;}

   .add_new_content { border:dotted thin ;}
   /* Search  */
   .menu_top_bg {position:relative; background:url(template/menu_top_bg.gif) center top no-repeat;height:150px; width:500px; padding-left:20px;}
   .menu_content { padding:7px 5px 0px 7px; color: #333333 ; font-size:11px; font-weight:bold;}
    .search_radio { padding-left: 40px; padding-top:15px; padding-bottom: 10px; font-size:11px; font-weight:bold; color:#5a5a5a; }
	  
   .search_form { background:url(template/search_form.gif) center top no-repeat;height:33px; width:450px; border:0px; padding-left:10px; }
      .search_input { padding-left:37px; border:0px; background:none; width:280px;}  
   .search_button{  border:0px; background:none; padding-right:5px;}
     .search_note{ padding-left:30px; padding-top:15px; padding-bottom: 10px; font-size:11px; font-weight:bold; }
     .guest_intro { background:url(template/guest_intro.gif) top no-repeat;height:450px; width:218px; border:0px; }	
	  .guest_intro p {  font-size:11px; font-weight:bold; font-style:italic ; color: #CC00CC;  padding:60px 10px 10px 14px; } 
	
	 
	  
	.bar_top {font-size:16px; background:url(template/bg_bar_top.gif) no-repeat center top; height:35px; width:961px; padding-top:2px; margin-top:3px;  } 	  
    
	.bar_top_menu { padding-right:13px; font-weight:bolder;  color: #999999; padding-top:5px;} 
	.bar_top_member { padding-left:20px;} 
	
	.msg_form { background: url(template/msg_form_bg.gif) no-repeat ; width: 510px; height:150px;  }  
         .msg_form_top{ padding-top:18px; padding-left:15px;  }
		 .msg_input { background-color:#ffffff; border:0px; float: left;  width :405px; height: 107px; overflow:auto; font-size:11px;  }
	       .msg_form_bottom{ padding-top:15px; padding-right:20px;  }
		  .msg_submit { font-size:13px; font-weight:bolder;   }
	
	 
  .round_box{
	border : 2px solid #ADADB6;
	padding: 5px;
	width : 90%;
	float : left;
	margin-bottom : 5px;
	-moz-border-radius : 9px;
	background : #E2E4FC; 
}
 .light_box{
	border : 1px solid #ADADB6;
	padding: 7px;
	width : 95%;
	float : left;
	margin-bottom : 5px;
	-moz-border-radius : 5px;
	background : #FFFFFF;
}	

   .f_round_box{
	border : 2px solid #ADADB6;
	padding: 5px;
	width : 100%;
	float : center;
	margin-bottom : 5px;
	-moz-border-radius : 7px;
	background : #E2E4FC; 
}
 .f_light_box{
	border : 1px solid #ADADB6;
	padding: 7px;
	width : 98%;
	float :center;
	margin-bottom : 5px;
	-moz-border-radius : 5px;
	background : #FFFFFF;
}	

  .avatar_box{
	border : 0px solid #666666 ;
	padding: 2px;
	width : 100%;
	float : left;
	margin-bottom : 5px;
	-moz-border-radius : 5px;
	background:  #CCCCCC ; 
}

	  
	.commentbox{
background-color: #ececec;
width: 98%;
padding: 7px;
border:0px solid #ADADB6;
-moz-border-radius : 9px; 
}

.commentfooter{
background: url(template/arrow.gif)  25px -5px  no-repeat;  /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 60px;
padding-top: 3px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
height: 10px;
}  


	 
/*   Show The Picture in Large */


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none; 
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
 vertical-align: middle ;
}
/*   Show The Picture in Large */




/* New for 3vui.net */
.home {background:url(template/home_icon.gif) left  no-repeat;  margin-bottom:4px; padding-left:20px;}
.category{margin: 0px;
	padding: 0; 
	list-style: none; }
.cat_main { 
	margin: 0px;
	padding: 0; padding-left:1px;
	list-style: none; font-size:14px; color:#FF0000;font-weight: bold;
}
.cat_sub {
	font-size: 11px;
	display:block; margin-left:5px;
	color: #666633;
	padding: 1px 0 2px 7px ;
	background: url(template/subcat.gif) 0 5px no-repeat;
	border-bottom: 1px dotted #E8E8E8; 
}
.category a, .category a:visited {
}
.category a:hover {
	border-color: #FF0000; color:#FF9933; }
.usermenu_subcontent
{
position:absolute; visibility: hidden; border: 9px solid orange;
 background-color: white; width: 510px; padding: 8px;
  -moz-border-radius : 7px;
}

.smileys_box
{
position:absolute; visibility: hidden; border: 1px solid red;
 background-color: white; width: 90px; padding: 1px;
  -moz-border-radius : 3px;
}

.chat_displaya{
	width:280px; background-color: #F7F9F9;
}
.chat_displayb{
	width:280px; background-color: #F7F7F7;
}
 .chat_box{
	border : 1px solid #ADADB6;
	width : 98%; height:470px; overflow:auto;
	float :left;
	margin-bottom : 2px;
	-moz-border-radius : 5px; 
	background : #FFFFFF top ;
	
}	
.chat_form {  background:url(template/chat_form_bg.gif) no-repeat top left ; width: 240px ; height:59px;} 
	.chat_form_msg { padding-left: 2px; padding-top:2px; font-size:12px; width: 220px; }
	.chat_form_msg input{   overflow: auto; background:#FFFFFF; background-color: #FFFFFF; font-size:12px;
	 border : 2px solid #CCCCCC;  -moz-border-radius : 5px; width :200px; height:25px;; margin-top:8px; margin-left:10px; padding-top:3px; }
	.chat_form_submit { margin-bottom:3px; }
	
/* Topic Section */	
.box_top {  background: url(template/box_top.gif) no-repeat center; height: 26px;  }
   .box_top p { padding-top:5px; font-size:14px; font-weight:bold ; color: #3366CC; padding-left:10px; } 	
.box_middle {
	margin:0;
	border-left:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;
	height:1%;
	text-align: left;
	padding-left: 5px;
	font-size: 11px;
}

.box_bottom {
	background:url(template/box_bottom.gif) no-repeat;
	height:11px;
	width: 546;

}

.user_comment_top { background: url(template/user_comment_top.gif) no-repeat top center;width: 420px; height:22px; padding-left:7px;}  
	   .user_comment_top p { padding-top:3px; padding-right:20px; font-size:11px; font-weight:bold ; color: #666633; }
	 .user_comment_middle { background: url(template/user_comment_middle.gif) repeat-y  top center; width: 420px; padding-left:7px; }
      .user_comment_middle p{ padding-left: 25px;  } 
      .user_comment_bottom { background: url(template/user_comment_bottom.gif) no-repeat top center; width: 420px; height:11px; padding-left:7px; }
	 
	.user_comment_form { background: url(template/comment_form_bg.gif) no-repeat ; width: 530px; height:60px;  }  
         .user_comment_form_top{ padding-top:10px; padding-left:15px;  }
		 .user_comment_input { background-color:#ffffff; border:0px; float: left;  width :390px; height: 22px; overflow:auto; font-size:11px;  }
	       .user_comment_form_bottom{ padding-top:5px; padding-right:20px;  }
		  .user_comment_submit { font-size:13px; font-weight:bolder;   }
		  
.box_main{ width: 544px; }
.box_main_top {
	background: url(template/box_main_top.gif) no-repeat ; margin-top:2px; margin-left:0px; 
	height: 26px;
	width: 544px;
	}
	.box_main_top p { padding:1px 5px 5px 15px;}	   /*top  right     bottom left*/

.box_main_content{
	border-left: 1px solid #5f8d06;
	border-right: 1px solid #5f8d06;
	width: 536px;
	padding: 3px; 
	}

.box_main_bottom {
	background: url(template/box_main_bottom.gif) no-repeat top;
	height: 3px;
	width:544px;
	}
  .info_box{
	border : 1px solid #FFCC33; 
	padding: 3px;
	width : 100%;
	float : center;
	margin-bottom : 3px;
	-moz-border-radius : 5px; font-size:11px;
	background: #FFFFFF; 
}
  .info_user{
	border : 1px solid #FFCC33; 
	padding: 3px;
	width : 400px;
	float : center;
	margin-bottom : 3px;
	-moz-border-radius : 5px; font-size:11px;
	background: #FFFFFF; 
}
 .menu_user{
	border : 2px solid #FFFF69; 
	padding-top: 3px; padding-left:10px;
	width : 520px;
	float : center;
	margin-bottom : 3px;
	-moz-border-radius : 5px; font-size:14px; color: #FF0000;
	background: #ffffcc; 
}
 .menu_user span{ padding-left:15px; font-style:italic; color: #FF0000; font-weight:bolder;}
   .search_result{
	border : 1px solid #FFCC33; 
	padding: 3px;
	width : 96%;
	float : center;
	margin-bottom : 3px;
	-moz-border-radius : 5px; font-size:12px;
	background: #FFFFFF; 
}
   .search_result_header{
	border : 1px solid #FFCC33; 
	padding: 3px;
	width : 45%;
	margin-left : 20px; margin-top:8px;
	-moz-border-radius : 3px;
	background: #FFFFF4; 
}
  .input_text{
   border : 1px solid #FFCC33; 
	padding: 3px;
	width : 60%;
	margin-left : 5px; margin-top:0px;
	-moz-border-radius : 3px;
	background: #FFFFFF;
	}
 
   .info_video{
	border : 1px solid black; 
	padding: 3px;
	width : 522px;
	float : center;
	margin-left : 3px; 
	-moz-border-radius : 3px; font-size:11px; 
	background:#000333;
}

   .music_samesinger{
	border : 1px solid #cccccc; 
	padding: 3px;
	width : 522px;
	float : center;
	margin-left : 3px; 
	-moz-border-radius : 3px; font-size:11px; 
	background: #CCCCc6;
}
.displaya{
	 background-color: #F7F9F9;
	
}
.displayb{ background-color: #F7F7F7;
}
 .song_list{
	border : 1px solid #ADADB6;
	width : 100%; height:400px; overflow:auto;
	float :left;
	margin-bottom : 2px;
	-moz-border-radius : 5px; 
	background : #FFFFFF top ;
	
}

 .home_video{
	border : 1px solid #F1FAFB; 
	width :530px;
	margin-left : 2px;margin-bottom:2px;
	-moz-border-radius : 5px; 
	background : #FFFFFF top ;
	
}
 .home_topic{
	border : 1px solid #F1F2EF;
	width :530px;
	margin-left : 2px;margin-bottom:2px;
	-moz-border-radius : 5px; 
	background : #FFFFFF top ;
	
}
 .home_photo{
	border : 1px solid #F1FAFB; 
	width :530px;
	margin-left : 2px;margin-bottom:2px;
	-moz-border-radius : 5px; 
	background : #FFFFFF top ;
	
}
 .home_music{
	border : 1px solid #F1F2EF; 
	width :530px;
	margin-left : 2px; margin-bottom:2px;
	-moz-border-radius : 5px; 
	background : #FFFFFF top ;
	
}
 .cover_bg1{
	border : 1px solid #F1F2EF; 
	-moz-border-radius : 3px; 

}
.epi_selected { margin-bottom:4px; padding:0px 9px 0px 9px; color:#FF9900; border:1px solid #FF9900; width :30px; -moz-border-radius : 3px; }
.epi_list {  margin-bottom:4px; padding:0px 9px 0px 9px; color:#cccccc; font-weight:900; border-bottom:0px solid #cccccc; width :30px; -moz-border-radius : 3px; }

/* Light Image Viewer */	
	

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(template/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="template/overlay.png", sizingMethod="scale");
	}
/* Light Image Viewer */