@charset "utf-8";

body{
	text-align:left;
}
a {
	outline:none;
}
#box {
	width:950px;
	text-align:left;
	margin:0 auto;
}

#top {
	background:	url(/common/v1/playlist/top.gif);
	height:19px;
	text-align:center;
	vertical-align:text-bottom;
	padding:43px 0 0;
}

#top a{
	color:#666;
	text-decoration:none;
	font-weight:bolder;
	padding:0 5px;
	font-size:90%;
}

#top a:hover , #top a.hientai{
	color:#FF6600;
}


.search_form, .logo {
	float:left;
}
.logo {
	width:167px;
	height:73px;
	margin:0 0 0 10px;
}
.search_form {
	width:750px;
	padding:15px 0 0 10px;
}
.search_form .textSearch {
	float:left;
	width:520px;
	border:#3399CC 1px solid;
	padding:2px 0;
	margin:0 10px;
	color:#000;
}
.search_form p {
	clear:left;
	height:20px;
	padding:5px 0 0 200px;
}

.English, .Vietnamese {
	background: transparent url(/common/v1/playlist/common/v1/playlist_music.png) no-repeat;
	height:23px;
	width:24px;
	display:block;
	float:left;
}

.English {
	background-position: 0 0;
	display:block;
}

.Vietnamese {
	background-position: -25px 0;
	display:none;
}

.searchButton {
	background: url(/common/v1/playlist/tim_kiem.gif) no-repeat;
	height:23px;
	width:84px;
	display:block;
	float:left
}


.nav {
	background:url(/common/v1/playlist/nav.gif);
	width:940px;
	height:23px;
	padding:8px 5px 0 ;
	margin:20px 0 10px;
	text-align:left;
	color:#006699;
}
.nav .thong_bao_ket_qua {
	float:right;
	
}
.nav .tieu_de {
	float:left;
	font-weight:bold;
}


#ft_key {
	height:5px;
	text-align:center;
	vertical-align:text-bottom;
	padding:5px 0 0;
}

#ft_key a{
	color:#666;
	text-decoration:none;
	font-weight:bolder;
	padding:0 5px;
	text-transform:uppercase;
	font-size:9pt;
}

#ft_key a:hover, #ft_key a.hientai {
	color:#FF6600;
}

.ft_search_form {
	width:650px;
	padding:15px 0 0 10px;
	margin:0 auto;
}
.ft_search_form .textSearch {
	float:left;
	width:520px;
	border:#3399CC 1px solid;
	padding:2px 0;
	margin:0 5px;
	color:#000;
}
.ft_search_form p {
	clear:left;
	text-align:center;
	padding:10px 0 0;
	margin:0;
	height:20px;
}

#ft {
	border-top:#CCC 1px solid;
	padding:10px 0;
	text-align:center;
	margin:20px 0 0;
}
#ft li{
	text-align:center;
	display:inline;
}
#ft li a{
	color:#006699;
	text-decoration:none;
	padding:0 10px;
}
#ft_copyright {
	background:#EDF9FF;
	color:#999;
	text-align:center;
	padding:4px 0;
}


#id_test, #navbar {
	float:left;
}

#id_test {
	width:675px;
	min-height:150px;
	
}

#navbar {
	width:275px;
}

#navbar h3{
	height:20px;
	border-bottom:#CCC 1px solid;
	text-indent:15px;
	color:#666;
	text-transform:uppercase;
	font-size:9pt;
	padding:3px 0 0;
}




.clear {
	clear:left;
}




.list_style_4  {
	width:675px;
}
.list_style_4 li {
	color:#666;
	padding:3px 0 10px;
	*padding:3px 0 1px;
}
.list_style_4 li h4, .list_style_4 li a.play_music,
.list_style_4 li cite.fn,
.list_style_4 li cite.album,
.list_style_4 li cite.fm,
.list_style_4 li cite.op,
.list_style_4 li cite.no,
.list_style_4 li a {
	display: block;
	float: left;
	overflow:hidden;

}
.list_style_4 li h4, .list_style_4 li a.play_music{
	width: 271px;
	padding:0;
}
.list_style_4 li cite.no {
	display:none;
}
.list_style_4 li cite.fn {
	width: 155px;
	text-align:left;	
}

.list_style_4 li cite.fn span{
	font-weight:bolder;
	display:block;
}
.list_style_4 li cite.album {
	width: 103px;
	text-align:left;
	overflow:hidden;
	color:#006699;
	font-weight:bold;
}
.list_style_4 li cite.op {
	width:131px;
	padding:0 0 0 5px;
}
.list_style_4 li cite.op a{
	margin:0 5px 0 0;
	height:12px;
	width:12px;	
}
.list_style_4 li cite.op span {
	font-size:8pt;
	display:block;
	padding:0 0 3px;
}
.list_style_4 li cite.op a.cong , a.lyric_cong {
	background:url(/common/v1/playlist/cong_cong.gif) no-repeat;
	height:17px;
	width:17px;
}
.list_style_4 li cite.op a.chixuong, a.lyric_chixuong {
	background:url(/common/v1/playlist/download.gif) no-repeat;
	height:17px;
	width:63px;	
}
.list_style_4 li cite.op a.sao, a.lyric_sao {
	background:url(/common/v1/playlist/ngoi_sao.gif) no-repeat;	
	height:17px;
	width:17px;
	font-size:20pt;
}
.list_style_4 li cite.fm {
	width: 84px;
	text-align:center;
}
.list_style_4 li a {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}
.list_style_4 li a:hover {
	color:#F28934;
}
.list_style_4 .odd_row , .list_style_4 .odd_row1 {
	border-bottom:#CACBCB 1px dashed;
	height:45px;
	clear:left;
	padding:10px 0 10px;

}

.danhsach_baihat {
	list-style-type: none;
}

.danhsach_baihat li{
	padding:3px 5px 3px 10px;

}
.danhsach_baihat li a{
	color:#666;
	text-decoration:none;
	
}
.danhsach_baihat li a:hover{
	color:#000000;
}
.danhsach_baihat .odd_row , .danhsach_baihat .odd_row2 {
	clear:left;
	*height:17px; 
}
.danhsach_baihat li div 
{
    color:#555;
    text-align:justify;
}    
.danhsach_baihat li cite.row1,
.danhsach_baihat li cite.row2 {
	display:block;
	float:left;

}
.danhsach_baihat li cite.row1{
	width:195px;
	overflow:hidden;
	height:20px;

}
.danhsach_baihat li cite.row2{
	width:45px;
	text-align:right;
}
.danhsach_baihat li cite.row2 a{
	padding:0 5px 0 0;

}
.danhsach_baihat a.down {
	font-weight:normal;
	float:left;
}
.danhsach_baihat a.del {
	font-weight:normal;
	float:left;
}

.thung_rac {
	width:273px;
	height:22px;
	border:#CCC 1px solid;
	border-top:0;
	margin:0 0 10px;
	padding:5px 0;
}
.thung_rac a{
	color:#666;
	text-decoration:none;
}
.thung_rac a.delall{
	padding:0 0 0 90px;
}
.thung_rac a.share{
	padding:0 0 0 10px;
}
.duongvien {
	border:#CCC 1px solid;
	border-right:0;
	border-top:0;
}

#current_item {
	background:url(/common/v1/playlist/nhac.gif) no-repeat left top;
	text-indent:20px;
	font-weight:bolder;
}
#current_item a{
	color:#666;
}

.tuy_chon {
	text-align:center;
	padding:10px 0;
	border-color:#CCCCCC;
	border-style:none solid solid;
	border-width:0 1px 1px;
}


.phantrang {
    font-size:10pt;
    text-align:center;
    margin:10px 0 0;
}
.phantrang ul li {
    display:inline;
    line-height:25px;
    text-align:center;
}
.phantrang ul li a.prevnext {
    color:#006699;
    font-size:12pt;
    font-weight:bolder;
    padding:0pt 5px;
    text-decoration:underline;
}
.phantrang ul li a {
    color:#000000;
    font-size:10pt;
    margin:2px;
    padding:2px 0pt;
    text-decoration:none;
}
.phantrang ul li a:hover {
    
}
.phantrang ul li a.current {
    color:#FF6600;
    font-weight:bold;
}

.lyric_row2, .lyric_row1 { 
	float:left;
	width:48%;
}
.lyric_row2 h3, .lyric_row1 h3 {
	border-bottom:#CCC 1px dashed;
	padding:0 0 5px;
	font-weight:bolder;
}
.lyric_row1 h5 
{
	display:block;
	clear:both;
	color:#006699;
}
.lyric_row1 p 
{
	overflow:hidden;
	clear:left;
	text-align:justify;
	padding:5px 10px 0 0;
}	
.lyric_row2 ul li, .lyric_row1 ul li {
	padding:5px 0;
	clear:both;
}
.lyric_row1 ul li span{
	float:left;
	width:250px;
	display:block;	
	color:#006699;
	font-weight:bolder;
	text-decoration:underline;
}
.lyric_row2 ul li span {
	float:left;
	width:190px;
	display:block;	
}
.lyric_row2 ul li a, .lyric_row1 ul li a{
	color:#006699;
	font-weight:bolder;
}
.lyric_row2 ul li a:hover , .lyric_row1 ul li a:hover{
	color:#FA6500;
}
a.lyric_cong, a.lyric_chixuong, a.lyric_sao {
	font-size:13pt;

	padding:0 5px 0 0;
}
ul.lyric-list {
	clear:both;
}

ul.lyric-list li{
	display:block;
	clear:left;		
}
.lyric_row1 {
	
}
.an_noi_dung {
	display:none;
}
.lyric_row1 ul li a.dong_mo {
	font-weight:normal;
}

.list-1, .list-2 {
	width: 273px; 
	overflow-x: hidden; 
	overflow-y: auto; 
	padding:5px 0 0;
	border:#CCC 1px solid;
	border-top:0;
}

.list-1 {
	height: 150px; 
	*height: 160px;
	
}
.list-1 a 
{
	font-weight:bold;
}
.list-2 {
	height: 210px; 
}


#divAddToBlog {
	border: 1px solid #CCC; 
	padding: 10px; 
	position: absolute; 
	display: none;
	width:400px;
	background: #FFF; 
	left: 199px; 
	top: 243px;
	font-size:10pt ;
	font-family:Arial, Helvetica, sans-serif;
}

#divAddToBlog textarea {		
	width:370px;
	height:100px;
	overflow:scroll;
	border: 1px solid #CCC;
	overflow-x: hidden; 
	overflow-y: scroll;
	padding:0 0 0 10px;
}
.loading {
	width:640px;
	height:820px; 
	
	text-align:center;
	position:relative;
}	
.loading img{
	top:120px;
	position:absolute;
} 
.messerger{
	padding-left: 100px;
}
.messerger a{
	text-decoration: none;
}
.messerger a:hover{
	text-decoration: underline;
}

.list_style_4 li cite.fn a 
{
	color: #666;
	text-decoration: none;
	font-weight: normal;
	float: none;
}

.list_style_4 li cite.fn a span
{
	color: #666;
	text-decoration: none;
	
	


}

.list_style_4 li cite.fn a:hover , .list_style_4 li cite.fn a:hover span
{
	text-decoration: underline;
	color: #666;
}