@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	font-family:tahoma;
	font-size:12px;
	background:#000000 url(bg-page.png) top center;
}
form{padding:0;margin:0}
img{border:0}
h1,h2,h3,h4,h5{padding:0;margin:0}
a{color:#49340C}
a:hover{color:#006600}
#music_port{
	width:998px;
	margin:auto;
}
a{text-decoration:none}
a:hover{text-decoration:underline}
.clr{clear:both}
.header{width:998px;height:161px}
.bookmark{width:100%;height:25px;color:#FFFFFF;border-bottom:1px solid #FFFFFF;line-height:25px;}
	.bookmark .l{
		float:left;
		width:49%;
		height:25px;
		line-height:25px;
	}
	.bookmark .r{
		float:right;
		width:360px;
		height:25px;
		line-height:25px;
	}
		.bookmark .r a{color:#ff6600;text-decoration:none;text-align:right;}
		.bookmark .r a:hover{text-decoration:underline}
.topicon1 {
	background:transparent url(christmas1.gif) no-repeat scroll left center;
	display:table-cell;
	float:left;
	font-weight:bold;
	margin-right:8px;
	padding-left:20px;
}
.topicon2 {
	background:transparent url(christmas3.gif) no-repeat scroll left center;
	display:table-cell;
	float:left;
	font-weight:bold;
	margin-right:8px;
	padding-left:20px;
}
.topicon3 {
	background:transparent url(christmas2.gif) no-repeat scroll left center;
	display:table-cell;
	float:left;
	font-weight:bold;
	padding-left:20px;
}

.img_logo{width:100%;height:144px;background:url(bg_noel.png) no-repeat left top}
.menu{background:url(bg_menu.gif) repeat-x left top;height:32px;color:#FFFFFF;font-weight:bold}
.menu .l{float:left;width:497px;line-height:32px;text-transform:uppercase;color:#000000}
	.menu .l a{padding:5px;color:#ff6600}
.menu .r{float:left;width:500px;padding-top:4px}
.menu ul{padding:0;margin:0}
.menu ul li{margin:10px 10px;list-style:none;float:left}
.menu ul li a{color:#ff6600;text-decoration:none;background:url(bullet_tiny.gif) no-repeat left scroll;padding-left:20px}
.menu ul li a.select{color:#ff6600;text-decoration:none;background:url(bullet_big.gif) no-repeat left scroll;padding-left:20px}
.content{float:left;width:100%;margin-top:10px}
.fleft{float:left;width:780px}
.fright{float:right;width:210px}
/*------------------ Content ---------------------------*/
.menu_nhaccu{float:left;width:100%}
.left_top_menu{float:left;width:10px;background:url(top_left_menu.gif) no-repeat left top;height:26px;}
.right_top_menu{float:right;width:10px;height:26px;background:url(top_right_menu.gif) no-repeat right top;}
.left_bottom_menu{float:left;width:10px;background:url(bottom_left_menu.gif) no-repeat left top;height:9px;}
.right_bottom_menu{float:right;width:10px;height:9px;background:url(bottom_right_menu.gif) no-repeat right top;}
	.menu_nhaccu .bg_top_menu{float:left;background:url(top_bg_menu.gif) repeat-x left top;width:190px}
	.menu_nhaccu .bg_top_menu span{padding-left:10px;color:#FFFFFF;font-weight:bold;text-transform:uppercase;line-height:26px;vertical-align:bottom}
	.menu_nhaccu .bg_bottom_menu{float:left;background:url(bottom_bg_menu.gif) repeat-x left top;line-height:9px;width:190px}
	.menu_nhaccu .c_text{border-left:5px solid #e5e9ec;width:200px;clear:both;border-right:5px solid #e5e9ec;background-color:#000000}
	.menu_nhaccu .c_text_views{border-left:5px solid #e5e9ec;width:200px;clear:both;border-right:5px solid #e5e9ec;background-color:#000000;text-align:center;font-weight:normal}
	.menu_nhaccu .c_text_views a{color:#FFFFFF;text-decoration:none}
	.menu_nhaccu .c_text ul{padding:0;margin:0;}
	.menu_nhaccu .c_text ul li{list-style:none;margin:4px 4px 0px 0}
	.menu_nhaccu .c_text ul li b a{color:#ff6600;text-decoration:none;background:url(bullet_big.gif) no-repeat left scroll;padding-left:20px;margin:2px}
	.menu_nhaccu .c_text ul li a{color:#FFFFFF;background:url(bullet_tiny.gif) no-repeat left scroll;padding-left:20px;margin-left:10px;}
	
	.menu_theloai .bg_top_menu{float:left;background:url(top_bg_menu.gif) repeat-x left top;width:180px}
	.menu_theloai .bg_top_menu span{padding-left:10px;color:#FFFFFF;font-weight:bold;text-transform:uppercase;line-height:26px;vertical-align:bottom}
	.menu_theloai .bg_bottom_menu{float:left;background:url(bottom_bg_menu.gif) repeat-x left top;line-height:9px;width:180px}
	.menu_theloai .c_text{border-left:5px solid #e5e9ec;width:190px;clear:both;border-right:5px solid #e5e9ec;background-color:#000000}
	.menu_theloai .c_text ul{padding:0;margin:0;}
	.menu_theloai .c_text ul li{list-style:none;margin:4px 4px 0px 0}
	.menu_theloai .c_text ul li b a{color:#ff6600;text-decoration:none;background:url(bullet_big.gif) no-repeat left scroll;padding-left:20px;margin:2px}
	.menu_theloai .c_text ul li a{color:#FFFFFF;background:url(bullet_tiny.gif) no-repeat left scroll;padding-left:20px;margin-left:10px;}
/***************************** Center CSS *****************************/	
.main_c{float:right;width:570px;}
.album_tuan{float:left;width:100%;background-color:#ffffff;display:block}
.songlist_tuan{float:left;margin-top:10px;width:100%;background-color:#ffffff;display:block;}
.songlist_tuan_a{float:left;width:100%;background-color:#ffffff;display:block;}
.title_left_main{float:left;width:4px;height:30px;background:url(top-left1.png) no-repeat left top;}
.title_right_main{float:right;width:4px;height:30px;background:url(topright1.png) no-repeat right top;}
.title_bg_main{background:#FFFFFF url(bg-repeat.png) repeat-x scroll center -326px;;height:30px;width:562px;float:left;}
	.title_bg_main span{color:#000000;font-weight:900;line-height:30px;padding-left:10px;text-transform:uppercase;}
	.block1{border-left:1px solid #FFF;border-right:1px solid #FFF;width:568px;text-align:center;border-bottom:1px solid #FFF;}
	.list_album{float:left;width:113px;margin-top:5px;text-align:center;height:150px}
		.list_album a img{border:2px solid #CCCCCC;text-decoration:none}
		.list_album a:hover img{border:4px solid #CCCCCC;text-decoration:none}
	.block1 .list_album_tags{float:left;width:113px;margin-top:5px;text-align:center;height:155px}
	.block1 .list_album_tags a{text-decoration:none;color:#006600}
	.block1 .list_album_tags img{width:100px;height:100px}
	.block1 .infomation{float:left;width:250px;text-align:left;font-weight:normal;font-size:11px;}
	.block1 .infomation h2{font-size:13px;padding:0;margin:0;text-align:left;color:#FF3300}
	.block1 .infomation ul{padding:0;margin:0;padding-left:20px;}
	.block1 .infomation li{margin:4px;list-style:decimal;}
	.block1 .infomation li a{text-decoration:none;}
	.block1 .comment{float:right;width:300px;text-align:left}
	.block1 .comment h2{font-size:13px;padding:0;margin:0;text-align:left;color:#FF3300}
	.block1 h3{text-align:left;font-size:14px;color:#FF3300;background:url(comments.png) no-repeat left top;padding-left:20px}
.left_bottom_main{height:15px;width:4px;background:url(btm-left.png) no-repeat left top;float:left;clear:both}
.right_bottom_main{height:15px;width:4px;background:url(btm-right.png) no-repeat right top;float:right}
.bg_bottom_main{background-color:#FFF;height:1px;width:562px;float:left}

.block2{border-left:1px solid #FFF;border-right:1px solid #FFF;width:568px;height:210px;text-align:left}
.block2 .rowMusic {border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eceff6;font-size:11px; clear:both;height:50px}
.block2 .rowMusic .rightIcon { float:right;width:58px;margin-top:10px; }
.block2 .rowMusic .rightIcon .icon_download{ float:left; border:0px; display:block; padding-top:10px; padding-right:12px;}
.block2 .rowMusic .rightIcon .icon_addmusic{ float:right; border:0px;}
.block2 .rowMusic .leftTitle { width:375px;padding-left:22px;background-image:url(icon-listmusic.png);background-repeat:no-repeat;background-position:left 2px;float:left; }
.block2 .rowMusic .leftTitle p { color:#777777;text-decoration:none;display:block;margin:0px;padding:0px;line-height:15px; }
.block2 .rowMusic .leftTitle h2 { font-size:12px;text-transform:capitalize;font-weight:normal;color:#000000;text-decoration:none;display:block;padding-bottom:2px; }
.block2 .rowMusic .leftTitle h2 a { font-weight:normal;color:#000000;text-decoration:none; }
.block2 .rowMusic .leftTitle h2 a:hover { text-transform:capitalize;color:#000000;text-decoration:underline; }

/***************************** FOOTER CSS *****************************/
#footer { height:1%;border-top:2px solid #ccc;margin-top:10px;}
#footer .advfooter { width:950px;height:120px;margin-top:5px;margin-bottom:10px;text-align:center; }
#footer .menufooter { font-size:12px;line-height:18px;font-weight:bold;color:#FFCB00;text-decoration:none;text-align:left;background-image:url(../images/bg-menufooter.jpg);background-repeat:repeat-x;background-position:left bottom;margin-bottom:4px; }
#footer .menufooter a { color:#FFCB00;text-decoration:underline;margin-right:5px;margin-left:5px; }
#footer .menufooter a:hover { color:#FFCB00;text-decoration:none; }
#footer .note { font-size:12px;color:#AEAFAF;text-decoration:none;text-align:right;height:24px;padding-right:5px;padding-top:6px; }
#footer .height-footer { height:60px;width:100%; }
#footer .height-footer .address { width:auto;float:left;font-size:12px;color:#AEAFAF;text-decoration:none;padding:5px; }
#footer .height-footer .author .input { font-family:Arial, Tahoma, Verdana, sans-serif;font-size:12px;color:#333333;text-decoration:none; }
#footer .height-footer .author { width:auto;float:right;text-align:right;font-weight:bold;color:#AEAFAF;text-decoration:none;font-size:12px;padding-right:5px; }
#footer .height-footer .author img { height:28px;width:52px; }
/***************************** END FOOTER CSS *****************************/
.line{float:left;width:260px;border-bottom:1px dotted red;margin-bottom:4px;clear:both;height:28px}
.Paging
{
	padding				: 0px 0px;
	float				: left;
	margin				: 4px 2px;
	text-align:center;
	width:90%;
}
.Paging span
{
	padding				: 2px 6px;
	background-color	: #d22698;
	text-decoration		: none;
	color				: #000;
	border:1px solid #79A7E2;
}
.Paging a
{
	background-color	: #ffffff;
	border:1px solid #79A7E2;
	padding				: 2px 6px;
	text-decoration		: none;
	color				: #000000;
}
.Paging a:hover
{
	background-color	: #d22698;
	text-decoration		: none;
	color				: #000;
}