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

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: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;background:url(../images/music/bg_media.png) repeat-x;width:233px;height:66px;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: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:290px; 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: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 3px;
	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: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;}

.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;}