@charset "utf-8";

/* CSS Document */


@charset "utf-8";
/* CSS Document */



/**************************************** CSS cu xi cu mem cu rich ******************************************/
textarea {
	border: 1px solid #AAAAAA;
	font-family: arial, verdana, serif;
	color: #333333;
	font-size: 10pt;
}

/* STYLES FOR FRIEND SUGGEST FEATURE */
.suggest_item a {
	padding: 3px 3px 3px 5px; 
	background: #F7F7F7; 
	border-bottom: 1px solid #CCCCCC;
	width: 181;
	display: block;
}
.suggest_item a:hover {
	background: #003366;
	color: #FFFFFF;
}

/* STYLES FOR STATUS_MENU */
div.status_menu{position:absolute; display:none; border:thin; background:#FFFFCC; z-index:100}
.profile_status_color{
	color:#333333;
}

div.box_right{
	width:194px;
	margin-bottom:10px;
}


.profile_album_photo{
	border: 1px solid #bbbbbb; padding:1px; cursor:pointer; width:60px; height:45px; text-align:center; vertical-align:middle;
}
.profile_album_photo:hover {
	border: 1px solid #FF9900; padding:1px; cursor:pointer;
}


/* SEARCH PAGE */
td.search {
	width: 475px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}
div.search_header {
	font-weight: bold;
	background: #F3F3F3;
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 10px;
	font-size: 9pt;
}

div.search_result1 {
	padding: 10px;
	background: #F5F5F5;
}
div.search_result2 {
	padding: 10px;
}
div.search_result_text {
	font-size: 9pt;
	font-weight: bold;
	padding-left: 3px;
}
div.search_result_text2 {
	font-weight: normal;
}
div.search_context {
	color: #555555;
}
div.search_url {
	color: #115599;
}
td.search_pages_bottom {
	padding-top: 8px;
	padding-right: 12px;
	border-top: 1px solid #CCCCCC;
	text-align: right;
}

div.search_results {
	padding: 0px 10px 10px 10px;
}

div.signup_header {
	width: 500px;
	padding: 6px 9px 6px 9px;
	background: #F1F1F1;
	font-weight: bold;
	font-size: 9pt;
	margin-bottom: 10px;
}
/* tab */
table.tabs {
	margin-bottom: 12px;
}



#div_header{
	background:url(../images/headerbg_02.jpg) repeat-x;
	margin:0px;
	width:100%;
}

#div_header_content{
	width:1000px;
	margin: 0px auto;
	padding: 0px; 

}

#div_main{
	width:1000px;
	margin: 0px auto;
	padding: 0px; 
	
}
#div_banner{
	height:46px;
	width:100%;
}
#banner_menu{
	float:left;
	padding-left:3px;
	width:100% auto;

}
#banner_menu .menu{
 padding-top:0px;
 padding-left:15px;
}

#banner_menu a{
	color:#FFFFFF;
}
#banner_menu a:hover{
	color:#FF9900;
}



#div_menu{
	height:52px;
	width:100%; 
}


#banner_user{
	float:right;
	top:0px;
	height:23px;
	width:inherit;
	background:url(../images/user_bg_center.jpg) repeat-x ;
	line-height:23px;
	vertical-align:middle;
	text-align:right;
	color:#FFFFFF;
}
.banner_user_left{
	background:url(../images/user_bg_left.jpg) no-repeat ;
	float:right;
	width:5px;height:23px;
}
.banner_user_right{
	float:right;
	background:url(../images/user_bg_right.jpg) no-repeat ;
	width:5px;height:23px;
}
#banner_user a{
	text-decoration: none;
	color:#0084f7;
	
}
#banner_user a#logout{
	text-decoration:none;
	color:#FFFFFF;
}


#banner_login{
	float:right;
	right:0px;
	padding-top:3px;
	width:282px;
	color:#FFFFFF;

}
#banner_login a{
	text-decoration:none;
	color:#FFFFFF;
}

.button_red{
margin-top:1px;
	border:1px #606060 solid; 
	color:#FFFFFF; 
	text-align:center; 
	font-weight:bold; 
	font-size:11px;   
	background:url(../images/button_login_bg.jpg) repeat-x; 
	width:70px; 
	height:17px; 
	text-decoration:none; 
	cursor:pointer;
}
#banner_login .textbox{
	border:1px #6dcdfd solid; color:#70b0d4; font-size:11px; background-color:#174c65;width:100px; height:16px;
}
#banner_login .checkbox{
	margin-left:0px;
}



.div_body_content{
	padding:2px;
	padding-top:10px;
}

#div_content{
	width:998px;
	height:100%;
	margin:auto;
	padding: 0px 0px 5px 0px;
	margin-bottom:20px; 
	
}

#div_content #div_content_left{
	float:left;
	width:630px;
	border-right:#bebebe 1px solid;
	padding:0px 15px 22px 15px;
}
#div_content #div_content_right{
	float:left;
	width:310px;
	padding-left:15px;
}
.frame
{
	float:left;
	margin-bottom:10px;
	width:100%;

}
.frame .content
{
	margin-top:5px;
	width:100%;
	
}
.frame .content_split
{
	float:left;
	border-right:1px #aaaaaa solid;
	width:312px;

}
.frame .content_right
{
	float:right;
	margin-top:7px;
	width:312px;
}
.frame .content_boder
{
	border:1px #a3a3a3 solid;
	border-top:none;
}
.frame .tab
{
	width:100%;
	height:20px;
	border-bottom:#a3a3a3 1px solid;	
}
.frame .tab ul
{
	list-style: none;
	font-size:12px;
	font-weight:bold;
	height:20px;
	padding: 0;
	margin: 0;	
}
.frame .tab ul li
{
	float: left;
	margin: 0;		
}
.frame .tab ul li a
{
	display: block;
	color: #bababa;
	text-decoration: none;
	padding: 3px 10px 2px 7px;

}
.frame .tab ul li.tab01
{
	background: url(../images/tab_right.jpg)  right ;
}
.frame .tab ul li.tab01 a
{
	background: url(../images/tab_left.jpg) no-repeat  ;
}

.frame .tab ul li.tab01_selected
{
	background: url(../images/tab_right_selected_2.jpg)  right ;
}
.frame .tab ul li.tab01_selected a
{
	background: url(../images/tab_left_selected_2.jpg) no-repeat  ;
	color: white;
}

.frame .tab ul li.tab02
{
	background: url(../images/tab_right_2.jpg) right ;
}

.frame .tab ul li.tab02_selected
{
	background: url(../images/tab_right_selected.jpg) right;
}
.frame .tab ul li.tab02_selected a
{
	background: url(../images/tab_left_selected.jpg) no-repeat ;
	color: white;
}	

.frame .link_bottom_left
{
	float:left;
	text-decoration:underline;
	padding-top:5px;
}
.frame .link_bottom_right
{
	float:right;
	text-decoration:underline;
	padding-top:5px;
}

/*style for detail */
.block_content
{
 margin:5px;overflow:hidden; text-align:justify; ; 
}
.block_item
{
  float:left; padding:0px 7px 0px 5px; text-align:left;   margin:0px; line-height:16px; ;overflow:hidden;
}  
.line16{line-height:16px; text-align:left}

/* PROFILE */


.left_content {
	width:210px; 
	float:left;
	margin:0px;
}
.center_right{
	float:left;
	margin:0px;
	margin-left:15px;
	width:770px;
}
#profile_body #profile_center{
float:left; width:562px; 
margin:0 15px 0px 15px; 

}

#profile_body #profile_right{
	float:right; width:194px;
}
#profile_left .block_content .fix_w{ width:130px;  }
#profile_right .block_content .fix_w{ width:115px;  }

.fix_w2{width:90px;}
#profile_center .block_friend{ float:left; width:20%; }

/****** KET THUC PROFILE CSS **********/


.fl{
	color:#BFBFBF;
	float:left; 
}
.fr{
	color:#BFBFBF;
	float:right;
}

.fl_statistic{float:left; width:80px; font-weight:bold}
div.entry_line {
	border-bottom: 1px dotted #CCC;
	width:100%; margin:3px 0px 3px 0px;
	height:1px; clear:both;overflow:hidden;
}
  
.space-line {
  clear: both;
}

.block_content .block_item_album
{
	float:left;
	background:url(../images/album_bg.jpg) no-repeat;
	padding: 5px 5px 5px 4px;
	text-align:justify;
	width:100px;
	height:69px;
	text-align:center;
	cursor:pointer;
}

img.album_photo_thumb {
	padding:5px 5px 5px 8px;
}
.block_content .block_item_left
{
	float:left;
	padding: 0px 5px 5px 7px;
	text-align:justify;
	width:240px;
}

.bottom_line{
	border-bottom: 1px #aaaaaa solid; overflow:hidden;
}
a.block_item_title
{
	color:#474747;
	font-weight:bold;	
}

img.photo {
	border: 1px solid #bbbbbb; padding:1px; cursor:pointer;
}
img.photo:hover {
	border: 1px solid #FF9900; padding:1px; cursor:pointer;
}


/* set ID for frame */
#frame_blog
{
	width:318px;
}

/* member content */
#frame_member
{
	width:272px;
	float:right
}
.member_frame_image
{
	border:#a3a3a3 solid 1px;
	width:80px;
	height:76px;
	padding:2px;
	margin-bottom:6px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	cursor:pointer;
}
.member_frame_image:hover
{
	color:#FF9900;
	border:#FF9900 solid 1px;
}

.member_frame_image_center
{
	margin-left:7px;
	margin-right:7px;
}

.member_frame_image img
{
	width:100%;
	height:60px;
}




#frame_album, #frame_event
{
	width:300px;
}

#frame_group, #frame_subject
{
	width:100%;
}

#bottombg{
	float:left;
	background:url(../images/bottombg.jpg) repeat-x;
	height:165px;
	width:100%;
}
#bottom_main{
	width:993px;
	margin: 0px auto;
	padding: 0px; 
	position:relative;
}

/* frame statistic */
#frame_statistic
{
	
}
#frame_statistic div
{
	height:151px;
	float:left;
}
#frame_statistic #frame_statistic_left
{
	width:6px;
	background:url(../images/bottom_statistic_03.jpg) top left no-repeat;
}
#frame_statistic #frame_statistic_right
{
	width:14px;
	background:url(../images/bottom_statistic_07.jpg) top left no-repeat;
}
#frame_statistic #frame_statistic_main
{
	width:194px;
	background:url(../images/bottom_statistic_05.jpg) top left repeat-x;
	padding-top:12px;
	height:151px;	
}
#frame_statistic #frame_statistic_main #statistic_info
{
	background:url(../images/simple_chart_07.png) no-repeat 0px 14px;
	height:50px;
	width:100%;
	padding-top:5px;
}
#statistic_info .statistic_label
{
	width:60%;
	float:left;
	height:16px;
	text-align:left;
	margin-left:5px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#frame_statistic #frame_statistic_main #statistic_info .number
{
	width:35%;
	float:left;
	color:#FFFFFF;
	height:16px;
	text-align:right;
}

#statistic_info .copy_rights
{
	width:100%;
	float:left;
	height:16px;
	text-align:center;
	margin-top:5px;
	color:#000000;
}

.classified_even{background:#F9F9F9;}
.classified_odd{background: #F0f0f0;}

/*frame bottom */
.frame_bottom{
	float:left;
	margin-left:40px;
}
.frame_bottom div{
	width:100%;
	border-bottom: #525252 1px solid;
	height:20px;
	vertical-align:middle;
	line-height:20px;
	padding-left:13px;
}

.frame_bottom .menu:hover{
	text-decoration:none;
	background:#CCCCCC;
}
.menu li{
	list-style-position:outside;
	margin-left:2px;
	color:#FFFFFF;
}
.menu li:hover{
	list-style-position:outside;
	margin-left:2px;
	color:#FF9900;
}

.frame_bottom h3{
	text-transform:uppercase;
	color: #0273cb;
	font-size:12px;
	border-bottom: #525252 1px solid;
	margin:0px;
	padding-bottom:8px;
	padding-top:12px;
	padding-left:3px;
}

#frame_bottom_fast_link
{
	width:148px;
}
#frame_bottom_fast_link div
{
	text-transform:uppercase;
	padding-left:13px;
	/*background:url(../images/note_03.jpg) no-repeat 3px;*/
	width:135px;
}
#frame_bottom_link
{
	width:139px;
}
#frame_bottom_link div
{
	width:127px;
}
#frame_bottom_friend
{
	width:182px;
}

#frame_news
{
	width:288px;
	padding-bottom:12px;
	padding-left:5px;
}
#frame_news .frame_news_head
{
	background:url(../images/frame_news_03.jpg);
	height:8px;
	overflow:hidden;
}
#frame_news .frame_news_bottom
{
	background:url(../images/frame_news_08.jpg) no-repeat;
	height:9px;
}
#frame_news .frame_news_main
{
	background:url(../images/frame_news_06.jpg) repeat-y;
}
#frame_news .frame_news_main h3
{
	font-size:14px;
	font-weight:bold;
	color:#ce0000;	
	margin:0px;
	padding: 3px 14px 3px 14px;
}
#frame_news .frame_news_main h4
{
	font-size:13px;
	font-weight:bold;
	color:#ce0000;	
	margin:0px;
	text-align:center;
}
#frame_news .frame_news_main div
{
	padding: 10px 14px 0px 14px;
}


/* STYLES FOR POPUP TIPS */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid black;
padding: 6px;
background-color: lightyellow;
visibility: hidden;
z-index: 2000;

/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 2001;
visibility: hidden;
}

/* END STYLES FOR POPUP TIPS */



/* MENU USER */
.frame .tab ul li.header
{
	background: url(../images/tab_right_selected.jpg)  right ;
}
.frame .tab ul li.header a
{
	background: url(../images/tab_left_selected_2.jpg) no-repeat  ;
	color: white;
}
#my_home_news
{
	width:192px;
	padding:0px;
	margin-bottom:10px;
}

#my_home_news .my_home_news_head{
	background:url(../images/my_home_news_01.jpg) no-repeat;
	height:10px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#my_home_news .my_home_news_bottom{
	background:url(../images/my_home_news_03.jpg) no-repeat;
	height:9px;
}
#my_home_news .my_home_news_main{
	background:url(../images/my_home_news_02.jpg) repeat-y;
	padding:3px 10px;
}
#my_home_news  h4{font-size:13px; font-weight:bold; text-align:center; margin:0px; padding-bottom:5px; color:#ce0000}
.block_image {float:left; padding:5px; margin:auto; line-height:16px; text-align:center}
div.home_menu_notline a {
	width:210px;
	background-color: #000000;
	padding: 5px 5px 5px 15px;
	font-size: 8pt;
	font-family: tahoma, "Trebuchet MS", verdana, arial, serif;
	display: block;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
}
div.home_menu_notline a:hover {
	color:#0093FA;
	text-decoration:none;
}
div.home_menu1 a {
	width:210px;
	background-color: #000000;
	padding: 5px 5px 5px 15px;
	font-size: 8pt;
	font-family: tahoma, "Trebuchet MS", verdana, arial, serif;
	display: block;
	color:#FFFFFF;
	text-transform:uppercase;
	border-top: 1px dotted #ffffff;
	font-weight:bold;
}
div.home_menu1 a:hover {
	color:#0093FA;
	text-decoration:none;
}
div.home_photo {
	width: 220px;
	padding: 5px;
	background: #000000;
	text-align:center;
	border-bottom:1px #ccc solid;
	padding-bottom:10px;
}

div.home_action_date {
	float: right; 
	color: #999999;
	padding-left: 5px;
}

/* END MENU USER */

/*--------------------------------------------------*/
/* ACCOUNT */
div.success {
	line-height: 16pt;
}
td.success {
	font-weight: bold;
	padding: 7px 8px 7px 7px;
	/*background: #f3fff3;*/
	border: 1px dashed #ccc;
}
td.error {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	padding: 7px 8px 7px 7px;
	/*background: #FFF3F3;*/
	border: 1px dashed #ccc;
}
div.error {
	vertical-align: middle;
	color: #FF0000;
}
td.form1 {
	padding: 12px 0px 5px 10px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
td.form2 {
	padding: 10px 0px 5px 10px;
}


/* USER FRIENDS */

td.friends_sort {
	padding-top: 5px;
}
.fix_friends_box{margin:0px 15px 15px 0px; padding:5px; width:350px;}
.profile_friends_box{margin:5px; margin-top:0px; width:358px;}

.friends_search {
	height:169px;
	color:#FFFFFF;
	font-weight:bold;
	width:230px;
}
.friends_search .small{font-size:12px; font-weight:normal}
.search_1{ 
	background:url(../images/user_friends_search_1.jpg) no-repeat;
	}
.friends_search .content{
	text-align:left;
	/*padding:1px;*/
	padding:5px 10px 10px 13px;
	background: url(../images/user_friends_search_2.jpg) repeat-x;
}
.friends_search .search_2{
	background:url(../images/user_friends_search_3.jpg) no-repeat;
}
.friends_search_header { 
	background:url(../images/friends_search_header.jpg) repeat-x; 
	color:#FFFFFF; 
	margin:2px; 
	height:13px; 
	font-weight:bold; 
	padding:5px 5px 5px 15px;
	font-size:12px;
	height:16px;
}

.friendship_right {
	margin:10px;
	width: 210px;  
	background: #F5F5F5; 
	border: 1px solid #CCCCCC;
	padding:10px;
}
.friendship_right_friend {
	width: 210px;  
}
.friendship_td {
	background: #e8e8e8; 
	padding: 3px 3px 3px 0px;
}
.friendclick_td {
	padding: 3px 3px 3px 0px;
	background: #F5F5F5;
	font-weight:bold;
}
.profile_friend {
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
td.home_header {
	padding: 4px 5px 5px 6px;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	font-weight: bold;
	background-image: url(../images/home_headerbg.gif);
	background-repeat: repeat-x;
	color: #333333;
}

/* friends request */
td.result {
	font-weight: bold;
	text-align: center;
	border: 1px dashed #CCCCCC;
	background: #FFFFFF;
	padding: 7px 8px 7px 7px;
}


/* POPUP */
/*div.profile_info_spacer {
	border-top: 1px solid #CCCCCC; 
	margin: 100px 0px 10px 0px;
	z-index:1000px
}*/
td.profile_info_popup_title {
	font-size: 11pt;
	vertical-align: bottom;
	font-weight: bold;
}
div.profile_info_popup {
	position: absolute; 
	left: 50%;
	margin-left: -280px; 
	z-index: 1000;
}
table.profile_info_popup2 {
	display: none; 
	position: absolute; 

	left: 50%;
	margin-left: -320px; 
	z-index: 1000; 
}
td.profile_info_popup2 {
	background: #FFFFFF;
	width: 560px; 
	padding: 10px;
}
td.profile_info_transparent {
	background: #000000; position:absolute
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}

#lock_screen {
	background: #000000;
	position:absolute;
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	z-index:200;

}
#lock_screen_content {
	background: #FFFFFF;
	width: 200px; 
	z-index:201;
	position:absolute;
	opacity: 1;
	text-align:center;
	vertical-align:middle;
	border:3px #999999 double;

}


/* SEARCH ADVANCED */

td.browse_fields {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 5px 7px 5px 7px;
	margin-bottom: 12px;
}
td.browse_field {
	padding:5px;
}

input.text, input.text_small {
	border: 1px solid #AAAAAA;
	font-family: arial, verdana, serif;
	font-size: 9pt;
	color: #333333;
	vertical-align: middle;
	padding-left: 2px;
}
input.text_blur {
	border: 1px solid #AAAAAA;
	font-family: arial, verdana, serif;
	font-size: 12px;
	color: #999999;
	vertical-align: middle;
	}
input.text_small {
	font-size: 8pt;
}
.gotopage {
	font-size:12px;
}
input.search {
	vertical-align: middle; 
	background-image: url(../images/search.gif); 
	background-repeat: no-repeat; 
	color: #555555; 
	font-size: 12pt; 
	padding-left: 23px; 
	border:1px #999999 solid;
	height:17px;

}

#div_emoticon{display:none; border-top: 1px #999999 solid; width:100%;  margin:0px; text-align:left; background-color:#FFFFFF}
.border_emoticon { border:1px solid;  }
.above_emoticon { padding:3px; height:20px; vertical-align:middle; text-align:left;}
.textarea_comment {
	background-color:#F3F3F3;
	border:0px;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
}
.above_emoticon a:link{
	margin-top:20px;
	padding:2px 7px 2px 7px; background-color:#666666; color:#ffffff;
	/*font-weight:bold;*/
	text-decoration:none;
	color:#fff;
}


img{border:0;}

.frame_popup{
	width:536px;
	height:auto;
	margin:auto;
	text-align:left;
}

.top_popup{
	width:100%;	
	height:205px; 
	background:url(../images/music/top_left.png) repeat-x;	
}

.cter_popup{
	height:205px; 

	margin:0px 1px;
}

.cter_left_popup{
	width:100%;
	height:auto;
	background:#dfe5e8;
}

.cter_cter_popup{
	height:auto;
	background:#DFE5E8;
	margin:0px 1px;
	padding:0 5px 5px;
}

.cter_popup .left_infomation{
	float:left;
	margin:6px 6px 2px 6px;
	background:#FFFFFF;
	height:185px;
	width:275px;
	display:inline;
	overflow:hidden;
	text-align:left;
}

.cter_popup .right_media{
	float:right;
	margin:5px 8px 2px 2px;
	padding-top:2px;
	padding-left:3px;
	width:233px;
	display:inline;
	overflow:hidden;
}

.cter_popup .right_url{
	float:right;
	margin:10px 8px 2px 2px;
	width:236px;
	height:auto;
	display:inline;
	overflow:hidden;
	text-align:left;
}

.right_url p{margin:1px}

.tam_left{float:left;margin-bottom:1px;}

.tam_right{float:right;margin-bottom:1px;}



.right_url1{
	width:100%;
	padding-top:2px;
	padding-bottom:1px;
}

.right_url2{width:48.5%;background:#fff;border:1px solid #d2d8db;padding-top:1px;padding-bottom:1px;}



.title_thongtin{
	color:#000;
	font-weight:bold; 
	margin:5px 3px 0px 10px;
}

a.title_thongtin2 {
	color:#000;
	font-weight:bold;
}

/*************  Box youSeoncd mymusic ****/





#box_ys2 {

	background:url(../images/music/boxmusic_top_center.jpg) repeat-x top center;

	margin-bottom:10px;

}



#box_ys2 .top_left_box{

	float:left;

	background:url(../images/music/boxmusic_top_left.jpg) no-repeat left top;

	font-size:0;

	padding-left:5px;

	padding-top:3px;

}



#box_ys2 .top_right_box{

	background:url(../images/music/boxmusic_top_right.jpg) right top no-repeat;

	height:28px;

}



#box_ys2 .bottom_right_box{

	background:#fff url(../images/music/boxmusic_btom_right.jpg) right top no-repeat;

	height:7px;

	margin:0px;

	font-size:0;

}



#box_ys2 .bottom_left_box{

	background:url(../images/music/boxmusic_btom_left.jpg) left top no-repeat;

	height:7px;



}



#box_ys2 .title_box{
	float:left;
	font:bold 12px arial;
	/*color:#862775;*/
	color:#333333;
	text-transform:uppercase;
	padding-top:7px;
	padding-left:0px;
}



#box_ys2 .content_box{
	overflow:hidden;
	background:#FFFFFF;
}

#box_ys2 .border_left{
	border:1px solid  #a3a3a3;
	border-top:none;
}



#box_ys2 .content_box .left_box{
	background:#2c2c2c;padding:5px 10px 3px 15px;text-align:left;font-size:12px;
	color:#FFFFFF;
}



/********right ket Thuc box yousecond myhome *****/
/* Music */

.left_content {
	width:207px; 
	float:left;
	margin:0px;
}

.center_right{
	float:left;
	margin:0px;
	margin-left:15px;
	width:770px;
}

#profile_body #profile_center{
	float:left; width:562px; 
	margin:0 10px 0px 10px; 
}

#profile_body #profile_right{
	float:right; width:207px;
}

.box_music_content{float:left; text-align:center; border-left:1px solid #d9d9d9; border-bottom:1px dotted #d9d9d9; padding:5px 5px 5px 5px; height:39px;}
.box_music_content1{float:left;padding:3px 5px 3px 15px; width:290px; height:43px; border-bottom:1px dotted #d9d9d9;}

.box_topdownload{width:207px;margin:5px 0;float:left;display:inline;}

/********End music *****/
#vertmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align:left;
}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#vertmenu ul li {
	margin: 0px;
	padding: 0px;
}

#vertmenu ul li a {
	font-size: 100%;
	display: block;
	border-bottom: 1px solid #d9d9d9;
	padding: 5px 0px 4px 12px;
	text-decoration: none;
	color: #000;
	height:15px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #f2f2f2;
}


#vertmenu2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 193px;
	height:350px;
	padding: 0px;
	margin: 0px 3px 0px 10px;
	text-align:left;
	overflow:auto;
}


#vertmenu2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#vertmenu2 ul li {
	margin: 0px;
	padding: 0px;
	margin-left:0px;
	padding-left:3px;
}

#vertmenu2 ul li a {
	font-size: 100%;
	display: block;
	border-bottom: 1px dotted #d9d9d9;
	padding: 5px 0px 2px 15px;
	text-decoration: none;
	color: #000;
	width:160px;
	background: url(../images/music/icon_arrow_casi.gif) center  left no-repeat;
}

#vertmenu2 ul li a:hover, #vertmenu2 ul li a:focus {
	text-decoration:underline;
	background-color: #f2f2f2;
}

/********End *****/


/********box search music *****/
.box_bg_search{background:url(../images/music/cter_search.png) repeat-x;height:35px; margin:0px;}
.box_bg_search_left{float:left;background:url(../images/music/left_search.png) no-repeat;width:3px}
.box_bg_search_right{float:right;background:url(../images/music/right_search.png) no-repeat;width:3px}

.box_bg_search2{background:url(../images/music/cter_timkiem.png) repeat-x;height:20px}
.box_bg_search_left2{float:left;background:url(../images/music/left_timkiem.png) no-repeat;height:20px;width:3px}
.box_bg_search_right2{float:right;background:url(../images/music/right_timkiem.png) no-repeat;height:20px;width:3px}

a.chucai{
	float: left;
	color: white;
	padding: 0px 5px;
	text-decoration: none;
	font-weight:normal;
}

.box_search_music {
	float:left;
	color: #666666;
	margin-top:2px;
	margin-left:10px;
	border: 2px solid #a6485d;
	width:250px;
	height:20px;
}

.solidblockmenu li a{
	float: left;
	color: white;
	padding: 3px 13px;
	text-decoration: none;
}

.solidblockmenu li{
	display: inline;
}

.solidblockmenu li a{
	float: left;
	color: white;
	padding: 3px 13px;
	text-decoration: none;
}

input.timkiem{
	background:url(images/music/search_btn_music.jpg); 
	border:0; 
	height:25px; 
	width:57px; 
	cursor:pointer; 
	color:#ffffff; 
	font-weight:bold;
}

.solidblockmenu li input{
	float:left;
	color: #666666;
	margin-top:4px;
	margin-left:10px;
	border: 2px solid #a6485d;
	width:225px;
	height:20px;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: white;
	text-decoration:none;
	background:#a60328;
	height:100%;
}

.solidblockmenu li a:visited{
	color: white;
}

.solidblockmenu{
	margin: 0;
	padding: 0;
	float: right;
	font: bold 11px Arial;
	width: 98%;
	overflow: hidden;
	height:20px;
	background: url(../images/music/cter_timkiem.png) center center repeat-x;
}

.solidblockmenu em{
	float: left;
	color: white;
	padding: 3px 120px 3px 0px;
	font-weight:bold;
	font-style:normal;
	letter-spacing:2px;
}
/********End *****/

/* BROWSE MUSIC */
div.music_browse_item {
	border: 1px solid #CCCCCC; 
	padding: 10px; 
	margin-right: 10px;
}

div.music_browse_date {
	font-size: 7pt; 
	color: #777777;
}

a.timkiem{
	float: left;
	color: white;
	padding: 6px 5px;
	text-decoration: none;
	font-weight:bold;
}

/* USER MUSIC LIST */
.seMusicHeader
{
	font-weight: bold;
	background-repeat: repeat-x;
	color:#FFFFFF;
}

ul.userMusicList
{
  margin: 0px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}

ul.userMusicList,

.seMusicHeader
{
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.userMusicList
{
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

.seMusicHeader ,
.userMusicList 
{
  padding: 0px;
	vertical-align: middle;
	text-align:left;
}

table.seMusicRowInnerTable
{
  width: 100%;
  border:1px #666666 solid;
}

table.seMusicRowInnerTable td
{
  padding: 5px;
}


table.seMusicRowInnerTable td.seMusicMove
{
  width: 18px;
  padding: 3px;
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 3px;
}

table.seMusicRowInnerTable td.seMusicDeleteCheckbox
{
  width: 18px;
  padding: 3px;
  padding-top: 5px;
}

table.seMusicRowInnerTable td.seMusicRowButton
{
  width: 18px;
  padding: 3px;
  padding-top: 3px;
}

table.seMusicRowInnerTable td.seMusicRowTitle
{
  
}

table.seMusicRowInnerTable td.seMusicRowFilesize
{
  width: 70px;
}

table.seMusicRowInnerTable td.seMusicRowActions
{
  width: 50px;
}

img.seMusicMoveHandle
{
  cursor: move;
}


/* ???? */
div#musicedit {
	margin:0 auto;
	width:500px;
	border:1px solid #000;
}
div.musiceditheader {
	border-bottom:1px solid #000;
}
div.column1 {
	float:left;
	width:30px;
}
div.column2 {
	margin-left:10px;
	float:left;
	width:300px;
	text-align:center;
}
div.column3 {
	width:50px;
	float:left;
}
div.column4 {
	width:50px;
	float:left;
	text-align:center;
}
div.column5 {
	width:50px;
	float:right;
}
div.musicfooter {
	clear:both;
}

table.music_edit_table {
	width:100%;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}

td.music_header {
	padding: 4px 5px 5px 6px;
	border: none;
	font-weight: bold;
	background-image: url(../images/header.gif);
	background-repeat: repeat-x;
	color: #333333;
}

td.music_list {
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px;
	vertical-align: middle;
	text-align:left;
}

td.music_list_track {
	background: #FFFFFF;
	border-top: 1px solid #DDDDDD;
	padding: 5px;
	vertical-align: middle;
	text-align:center;
}

td#music_title {
	text-align:left;
}

td#music_track {
	text-align:center;
}

td#music_order {
	text-align:center;
}

td#music_options {
	text-align:left;
}

div.music_button {
	float:left;
}

div.music_title {
	margin-left:10px;
	margin-top:1px;
	float:left;
}

#status
{
	background-color:		#ffffff;
	padding:				10px 15px;
	width:					430px;
	border: 1px solid #CCCCCC;
}

#status .progress
{
	background:				white url(../images/music_progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}

#status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}

#list
{
	list-style:				none;
	width:					420px;
	margin:					0;
	padding:0;
}

#list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../images/music_file.png) no-repeat 4px 4px;
}

#list li.file.file-uploading
{
	background-image:		url(../images/music_uploading.png);
	background-color:		#D9DDE9;
}

#list li.file.file-success
{
	background-image:		url(../images/music_success.png);
}

#list li.file.file-failed
{
	background-image:		url(../images/music_failed.png);
}

#list li.file .file-name
{
	font-size:				1.2em;
	margin-left:	     	44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}

#list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}

#list li.file .file-info
{
	display:				block;
	margin-left:	  10px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}

#list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}


.icon_add{margin-top:4px;}
/* POPUP */

@media print {
.tabcontent {
display:block !important;
}

}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */

.indentmenu{
	font: bold 11px Arial;
	width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
	margin-top:10px;
	margin-left:0px;
	padding: 0;
	float: left;
	/* width: 80%; width of menu*/
	border-top: 0px solid navy; /*navy border*/
	background:#fff;
	margin-bottom:0px;
}

.indentmenu ul li{
	display: inline;
}

.indentmenu ul li a{
float: left;
color: #000; /*text color*/
padding: 3px 11px;
text-decoration: none;
}

.indentmenu ul li a:visited{
color: #000;
}

.indentmenu ul li a.selected{
	color: white !important;
	padding-top: 4px; /*shift text down 1px*/
	padding-bottom: 4px;
	background: #999999;
}

.tabcontentstyle{ /*style of tab content oontainer*/
	border: 1px solid gray;
	width: 450px;
	margin-bottom: 1em;
	padding: 10px;
}
.tabcontent{
	display:none;
}
.khung_f{
	border-top:3px solid #999999; 
	width:100%;
	background:#FFF;
}
.author_info_margin{ margin-top:6px; margin-bottom:6px }
.music_player_body{ margin-left:10px; margin-right:10px;}
.title_popup{font-weight:bold; font-size:14px;}
.user_music_row0{background:#F9F9F9;}

.user_music_row1{background: #F0f0f0;}
div.content{width:100%;}

.classified_browse{color:#FFFFFF; text-align:center}
.button {
	border-width:1px 1px 1px 5px;
	font-weight:bold;
	padding:3px 8px 3px 6px;
	text-align:left;
}