@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_ys3 {
	margin-bottom:10px;
}
.product_top_bg {
	background-color:#F3F3F3;	
	margin-bottom:10px;
	border-top:1px solid #CCCCCC;
	padding:7px 0 5px 5px;	
}
.title_box {
	color:#333333;
	font:bold 12px arial;
}



#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:704px;
	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;

}

.top_user .portal_content{padding-left:25px;}

.above_emoticon a:active{

    background-color:#CCCCCC;

    color:#333;

}



.fl{float:left; }

.fr{float:right;}