@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 {
	text-align:center;
	background-image:url(../images/profile_album_03.jpg);
	height:52px;
	width:80px;
	padding-left:1px;
	padding-top:4px;
	margin-right:5px;
}*/

.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;
}
td.tab {
	background: #FFFFFF;
	padding-left: 1px;
	border-bottom: 1px solid #CCCCCC;
}
td.tab0 {
	font-size: 1pt;
	padding-left: 7px;
	border-bottom: 1px solid #CCCCCC;
}
td.tab1 {
	border: 1px solid #CCCCCC;
	border-top: 3px solid #AAAAAA;
	border-bottom: none;
	font-weight: bold;
	padding: 6px 8px 6px 8px;
}
td.tab2 {
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	border-top: 3px solid #CCCCCC;
	font-weight: bold;
	padding: 6px 8px 6px 8px;
}
td.tab3 {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding-right: 12px;
	width: 100%;
	text-align: right;
	vertical-align: middle;
}

/*********************************** KEt thuc CSS cu *****************************************/




body, html{
	scrollbar-face-color: #ecf2f1;     
	scrollbar-highlight-color: #c8c8c8; 
	scrollbar-shadow-color: #c8c8c8; 
	scrollbar-3dlight-color: #ecf2f1;
	scrollbar-arrow-color: #c8c8c8; 
	scrollbar-track-color: #ecf2f1;
	scrollbar-darkshadow-color: #ecf2f1;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin: auto;
	font-size:11px;
	height:100%;

}
a{
	color:#0084f7;
	text-decoration:none;
}
a:hover{
	color: #FF9900;
	text-decoration:underline;
}



#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;
}
#banner_login a:hover{
	text-decoration:underline;
	color:#FF6600;
}
#banner_login a:visited{
	text-decoration:underline;
	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{float:left; }
.fr{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;}
div.page_header {
	font-size: 12pt;
	font-weight: bold;
	color: #555555;
	margin-bottom: 0px;
	padding-top: 5px;
}
div.page_header a{
	font-size: 11pt;
	font-weight: bold;
	color: #0260bf;
	margin-bottom: 0px;
	padding-top: 5px;
}
.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;
}
td.home_box {
	border: 1px solid #DDDDDD;
	border-top: none;
	padding: 8px;
	background: #FFFFFF;
}

/* 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; background-color:#999999; 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;
}

.above_emoticon a:hover, a:active{
	background-color:#CCCCCC;
	color:#333;
}


/* moi them */

img{border:0;}
/*body{background:#525252;}*/
.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; background:url(../images/music/top_cter.png) repeat-x;margin:0px 1px;}

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

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



.cter_popup .left_infomation{float:left;margin:6px 6px 2px 6px;background:#FFFFFF;height:170px;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;background:url(../images/music/bg_media.png) repeat-x;width:233px;height:66px;display:inline;overflow:hidden;}

.cter_popup .right_url{float:right;margin:16px 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:48.5%;background:url(../images/music/bg_red.png) repeat-x;border:1px solid #d2d8db;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:#dd0097;font-weight:bold; margin:5px 3px 0px 10px;}



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

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

a.title_thongtin2:focus{color:#dd0097;font-weight:bold;background:none;}

/*************  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:100%; height:43px; border-bottom:1px dotted #d9d9d9;}



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

/********End music *****/



/********The loai nhac *****/

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

}

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



/********Ten ca si *****/

#vertmenu2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;

	width: 193px;

	height:auto;

	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 {

	color: #0090ff;

	text-decoration:underline;

	background-color: #f2f2f2;

}

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



/********box search music *****/

.box_bg_search{background:url(../images/music/cter_search.png) repeat-x;height:30px; margin:0px;}

.box_bg_search_left{float:left;background:url(../images/music/left_search.png) no-repeat;height:30px;width:3px}

.box_bg_search_right{float:right;background:url(../images/music/right_search.png) no-repeat;height:30px;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:auto;

	height:20px;

}





.solidblockmenu li a{

	float: left;

	color: white;

	padding: 3px 13px;

	text-decoration: none;

}



.solidblockmenu li{

	display: block;
	float: left;

}



.solidblockmenu li a{

	float: left;

	color: white;

	padding: 3px 7px;

	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-image: url(../images/header.gif);

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

.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 #dd0097; 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 {
	background:#FFFFFF none repeat scroll 0;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 1px 1px 5px;
	font-weight:bold;
	padding:3px 8px 3px 6px;
	text-align:left;
}

#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; background-color:#999999; 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;
    text-decoration:none;
    color:#fff;
}

.above_emoticon a:visited{
    margin-top:20px;
    padding:2px 7px 2px 7px; background-color:#666666; color:#ffffff;
    text-decoration:none;
    color:#fff;
}

.above_emoticon a:active, a:hover{
    background-color:#CCCCCC;
    color:#333;
}

.fl{float:left; }
.fr{float:right;}