@charset "utf-8";
.boxName a:hover{ color:#414D4C;text-decoration:underline;}
/* ======================
start of homepage
====================== */
.music-colLeft	{ width:160px; float:left; margin-right:10px;}
.item-radio	{ background:url('../images/icons/bullet_radio.jpg') no-repeat left 5px; display:block;	padding:5px 0px 5px 21px; font-weight:bold; position: relative;}
.other-chanel	{padding:7px 0 10px 10px;}
.music-colCenter{ width:480px; float:left;}
.catContent	{ padding-right:10px;}
.catContent .item{ padding-bottom:10px;	clear:both;	margin-bottom:10px;	background:url(../images/underLine.gif) repeat-x bottom;}
.catContent .info{ width:100%; float:left;}
.catContent .info .name{ display:block;	color:#000;	background:url(../images/icons/icon_dtList.png) no-repeat top left;	padding:1px 0px 3px 25px;float:left;}
.catContent .info .playing{ background:url(../images/icons/playing.gif) no-repeat top left;}
.catContent .info .name:hover	{ color:#D49508;}
.catContent .info .descAdt	{ display:block; font-size:11px; color:#999; padding:1px 0px 3px 25px;}
.catContent .info .descAdt a:hover	{ text-decoration:underline;}
.catContent .addAndDownload	{ float:right; display:inline-block;	margin-right:5px;}
.catContent .addAndDownload img	{ margin-left:10px;}
.catContent .addAndDownload i	{ margin-left:3px;}
.slide_item	.text{ width:100px; margin-left:145px; padding-top:10px; position: absolute;}
.slide_item	.name{ font-weight:bold; display:block; padding-bottom:4px;}
.slide_item	.name:hover{ text-decoration:underline;}
.slide_item	.artist{ color:#AD830F; display:block; padding-bottom:5px;}
.slide_item	.artist:hover{ text-decoration:underline;}
.slide_item	.song{ font-size:11px; display:block; padding-bottom:0px;}
.slide_item	.count{ font-size:11px;}
.hot_artist{ padding:15px;}
.hot_artist .item{ margin-bottom:10px; clear:both;}
.hot_artist .item a:hover img{ border:1px solid #000;}
.hot_artist .item img{ border:1px solid #ccc; padding:1px; float:left;}
.hot_artist .content{ margin-left:115px;}
.hot_artist .top{ padding-top:3px; height:20px;}
.hot_artist .name{ color:#006600; font-weight:bold; background:url(../images/icons/bullet_radio.jpg) no-repeat left top; padding:0px 0px 5px 21px; display:block; float:left;}
.hot_artist .genre{
	-moz-border-radius:2px; 
	-webkit-border-top-right-radius: 2px; 
	-webkit-border-top-left-radius: 2px; 
	-webkit-border-bottom-right-radius: 2px; 
	-webkit-border-bottom-left-radius: 2px; 
	background:#669966; 
	display:block; 
	float:right; 
	font-size:11px; 
	color:#fff; padding:1px 3px 0 3px;
    margin-left: 1px;
}
.hot_artist .genre:hover{ color:#000;}
.hot_artist .listenRadio{ background:url(../images/icons/icon_listenRadio.jpg) no-repeat top left; color:#fff; font-size:11px; display:block; padding:1px 5px 0 24px; float:right; margin-left:1px; color:#fff;}
.hot_artist .listenRadio:hover{ color:#000;}
.hot_artist .count{ color:#666; font-size:11px; padding-bottom:7px; display:block;}
.hot_artist .desc{ color:#333; max-height:120px; overflow: hidden;}
.bnt_myFavor{ background:url(../images/buttons/btn_playlist.png) no-repeat top left; width:100px; height:45px; display:block; float:left;}
.bnt_myFavor:hover{ background:url(../images/buttons/btn_playlist.png) no-repeat 0px -45px;}
.bnt_myPlayList{ background:url(../images/buttons/btn_playlist.png) no-repeat -100px top ; width:110px; height:45px; display:block; float:left;}
.bnt_myPlayList:hover{ background:url(../images/buttons/btn_playlist.png) no-repeat -100px -45px;}
.bnt_makePlayList{ background:url(../images/buttons/btn_playlist.png) no-repeat top right; width:90px; height:45px; display:block; float:left;}
.bnt_makePlayList:hover{ background:url(../images/buttons/btn_playlist.png) no-repeat right -45px;}
.ms_boxTop{ clear:both;height:30px;background:url(../images/m_boxTopBg.jpg) repeat-x;}
.ms_boxTopLeft{ clear:both;height:30px;padding-left:10px;background:url(../images/m_boxTopLeft.jpg) no-repeat;display:block;}
.ms_boxTopRight{ clear:both;height:30px;padding-right:10px;background:url(../images/m_boxTopRight.jpg) no-repeat right;display:block;}
.ms_btn{ background:url(../images/buttons/m_btn_search.png) no-repeat top left; text-align:center; display:inline-block; float:left; width:64px; height:17px; padding-top:2px; color:#000; margin-left:5px;}
.ms_btn:hover{ color:#fff;}
.hot_member{ padding:10px;}
.hot_member .item{ margin-bottom:10px; clear:both;}
.hot_member .item a:hover img{ border:1px solid #000;}
.hot_member .item img{ border:1px solid #ccc; padding:1px; float:left;}
.hot_member .content{ margin-left:70px; font-size:11px;}
.hot_member .name{ font-weight:bold; display:block; font-size:12px;}
.hot_member .count{ color:#666; padding-bottom:7px; display:block;}
.hot_member .song{ color:#333; overflow: hidden;}
.hot_member .song a:hover{ text-decoration:underline;}
.hot_comment{ padding:10px;}
.hot_comment .item{ padding-bottom:10px; clear:both;}
.hot_comment .item a:hover img{ border:1px solid #000;}
.hot_comment .item img{ border:1px solid #ccc; padding:1px; float:left;}
.hot_comment .content{ margin-left:70px; font-size:11px;}
.hot_comment .name{ font-weight:bold; display:block; font-size:12px; float:left; padding-right:3px;}
.hot_comment .count{ color:#666; display:block; float:left; padding-top:1px; padding-right:3px;}
.hot_comment .song{ color:#333; display:block; padding-top:1px;}
.hot_comment .song:hover{ text-decoration:underline; color:#D49508;}
.hot_comment .textComment{ color:#333; padding-top:5px;}
.hot_comment .textComment img{ color:#333; padding-top:5px;border:none; float: none;}
/*Hien thi tu khoa tim kiem nhieu nhat:*/
.tag_cloud	{ text-align: justify;padding:10px 20px 10px 20px;}
.tag_cloud span { margin-right: 8px;}
.tag_cloud a { text-decoration: none;display: inline;}
.tag_cloud a:hover { text-decoration: none;	color: #ffffff;background-color: #6E9215;}
.tag_cloud .smallest { font-size: 11px;}
.tag_cloud .small {	font-size: 15px;}
.tag_cloud .normal{ font-size: 20px;}
.tag_cloud .large { font-size: 25px;font-weight: bold;}
.tag_cloud .large a { color: #0086C6;}
.tag_cloud .large a:hover {color: #ffffff;}
.tag_cloud .largest { font-size: 30px;font-weight: bold;}
.tag_cloud .largest a {	color: #EF5308;}
.tag_cloud .largest a:hover{ color: #ffffff;}
.filterWrap{ margin-left:-15px; padding:3px 10px 3px 15px; background:#E9EFE7;}
.filterWrap .filter{ position:relative; float:left; padding-top:7px;}
.filterWrap .listenRadio{ background:url(../images/buttons/song_listenRadio.png) no-repeat; width:76px; height:21px; color:#fff; font-weight:bold; padding:7px 0px 0px 40px; display:block; float:right;}
.filterWrap .listenRadio:hover{ text-decoration:underline;}
.filterWrap .songCat{ background:url(../images/icons/icon_songCat.jpg) no-repeat top left; display:block; color:#2D5426; font-weight:bold;text-transform:uppercase; padding:5px 30px;}
.filterWrap .songCat:hover, .filterWrap .active{color:#996500; }
.filterWrap .active{color:#996500; }


/* ======================
start of artist_detail.html and artist_list.html
====================== */
.hotAlbumUl{ margin:0; padding:0;}
.hotAlbumUl li	{ margin:0;padding:0;list-style-type:none;float:left; height: 141px; overflow: hidden;}
.item-hotAlbum{	width:80px;	margin:0 13px 15px 0;}
.item-hotAlbum .image img{border:1px solid #CDCDCD;	padding:1px;margin-bottom:3px;}
.item-hotAlbum .image:hover img{border:1px solid #000;padding:1px;}
.item-hotAlbum .name{height:27px;display:block;overflow:hidden;text-align:center;margin:3px 0;font-size:11px;}
.item-hotAlbum .author{height:14px;display:block;overflow:hidden;font-size:11px;color:#AD830F;text-align:center;}
.item-hotAlbum .author:hover{color:#AD830F;text-decoration:underline;}
.artDt_hot{ padding:0 15px 10px 10px; position:relative;}
.artDt_hot .tab{ font-weight:bold; background:url(../images/song_detail_tabBg.jpg) repeat-x; height:28px; padding:5px 0 0 15px; clear:both; display:block; margin-bottom:20px;}
.artDt_hot .tab .inActive{ display:block; color:#333; padding:8px 10px 5px 10px; float:left; margin-right:1px;}
.artDt_hot .tab .inActive:hover, .artDt_hot .tab .active{ display:block; background-color:#fff; color:#656565; padding:8px 10px 5px 10px; float:left; margin-right:1px;}
.artDt_hot .image{ float:right;}
.artDt_hot .image img{ display:block; margin:0 0 1px 7px;}
.artDt_hot .image .radio{ 
	-moz-border-radius:2px; 
	-webkit-border-top-right-radius: 2px; 
	-webkit-border-top-left-radius: 2px; 
	-webkit-border-bottom-right-radius: 2px; 
	-webkit-border-bottom-left-radius: 2px; 
	background:url(../images/buttons/btn_radio_artist.jpg) no-repeat top left;
	width:170px;
	height:21px;
	font-weight:bold;
	color:#fff;
	padding:7px 0px 0px 50px;
	display:block;
	margin-left:7px;
}
.artDt_hot .image .radio:hover{ text-decoration:underline;}
.artDt_hot .info{ }
.artDt_hot .name{ color:#333; font-size:16px; font-weight:bold; display:block; margin-bottom:10px; padding:0px; letter-spacing: 0px;}
.artDt_hot .mainInfo{ background-color:#E9EFE7; font-size:11px; margin-left:-20px; display:block; padding:7px 30px; color:#333; margin-bottom:10px;}
.artDt_hot .mainInfo span{display:block;}
.artDt_hot .desc{ color:#333;}
.artDt_hot .moreDesc{ font-size:11px; display:block; padding:4px 0 10px 0; color:#D49508;}
.artDt_hot .moreDesc:hover{ text-decoration:underline;}
.artDt_hot .other{ font-size:11px; display:block; padding-bottom:5px;}
.artDt_hot .other span{ font-weight:bold; color:#656565; }
.artDt_hot .other a{ color:#006599; }
.artDt_hot .other a:hover{ text-decoration:underline; color:#996500; }
.cat-tab{ border-bottom:3px solid #9EB1A2; padding:0px 15px; font-weight:bold; background-color:#E9EFE7; margin:0 0 15px -10px; position:relative;}
.cat-tab .active,.cat-tab .inActive:hover	{height:27px; line-height:27px;	margin-right:1px; padding:0px 15px;	color:#000;	float:left;	background-color:#9EB1A2; position:relative;}
.cat-tab .active:hover{	color:#000;	position:relative;}
.cat-tab .inActive{	height:27px; line-height:27px; margin-right:1px;padding:0px 15px;float:left;position:relative;}
.artDt_list { padding:0px 0px 10px 0;}
.artDt_list .item{ margin:0px 10px 10px 0; float:left;}
.artDt_list .item .text{ width:130px; margin-left:90px;}
.artDt_list .item .name{ font-weight:bold; display:block; padding-bottom:10px; height: 23px; overflow: hidden;}
.artDt_list .item .name:hover{ text-decoration:underline;}
.artDt_list .item .song{ font-size:11px; display:block;}
.artDt_list .item .desc{ font-size:11px;}

/* ======================
start of song.html + song_list.html + detail.html
====================== */
.song_topView{ padding:10px 0;}
.song_topView .item{ background:url(../images/underLine.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:10px;}
.song_topView .number{ float:left; display:block; padding-left:10px;}
.song_topView .number span{ float:left; background-color:#999; display:block; padding:2px 5px; font-weight:bold; color:#fff;}
.song_topView .text{ margin-left:45px; padding-right:10px;}
.song_topView .name{ color:#000; padding-bottom:10px; display:block;}
.song_topView .name:hover{ color:#D49508; text-decoration:underline;}
.song_topView .statistic{ color:#656565; font-size:11px; display:block;}
.song_relation{ padding:10px;}
.song_relation .intro_item{ margin-bottom:7px; clear:both; padding-bottom:7px; background:url(../images/underLine.gif) repeat-x bottom;}
.song_relation .intro_item a:hover img{ border:1px solid #000;}
.song_relation .intro_item img{ border:1px solid #ccc; padding:1px; float:left;}
.song_relation .intro_content{ margin-left: 95px; font-size:11px; padding-top:8px;}
.song_relation .intro_name{ color:#006600; font-weight:bold; background:url(../images/icons/bullet_radio.jpg) no-repeat left top; padding:0px 0px 5px 21px; display:block; font-size:12px !important;}
.song_relation .intro_name:hover{ color:#D49508;}
.song_relation .intro_count{ color:#666; padding-bottom:4px; display:block;}
.song_relation .intro_genre{
	-moz-border-radius:2px; 
	-webkit-border-top-right-radius: 2px; 
	-webkit-border-top-left-radius: 2px; 
	-webkit-border-bottom-right-radius: 2px; 
	-webkit-border-bottom-left-radius: 2px; 
	background:#669966; 
	display:block; 
	float:left; 
	font-size:11px; 
	color:#fff; padding:1px 3px 0 3px;
}

.song_relation .genre{
    -moz-border-radius:2px; 
    -webkit-border-top-right-radius: 2px; 
    -webkit-border-top-left-radius: 2px; 
    -webkit-border-bottom-right-radius: 2px; 
    -webkit-border-bottom-left-radius: 2px; 
    background:#669966; 
    display:block; 
    float:left; 
    font-size:11px; 
    color:#fff; padding:1px 3px 0 3px;
    margin: 0px 0px 1px 1px;
}
.song_relation .intro_genre:hover{ color:#000;}
.song_relation .intro_listenRadio{ background:url(../images/icons/icon_listenRadio.jpg) no-repeat top left; color:#fff; font-size:11px; display:block; padding:1px 5px 0 24px; float:left; margin-left:1px; color:#fff;}
.song_relation .intro_listenRadio:hover{ color:#000;}
.song_relation .item{ padding-bottom:7px;	clear:both;	margin-bottom:10px;	background:url(../images/underLine.gif) repeat-x bottom;}
.song_relation .info{ width:100%; float:left;}
.song_relation .info .name{ display:block;	color:#000;	background:url(../images/icons/icon_dtList.png) no-repeat top left;	padding:1px 0px 3px 25px;float:left;}
.song_relation .info .name:hover	{ color:#D49508;}
.song_relation .info .desc	{ display:block; font-size:11px; color:#999; padding:1px 0px 3px 25px;}
.song_relation .info .desc a:hover	{ text-decoration:underline;}
.song_detail{ padding:10px 10px 20px 10px;}
.song_detail .info-action{}
.song_detail .info-action .name{ display:block; margin-bottom:10px; clear:both;}
.song_detail .info-action .name span{ color:#CB6600; display:block; float:left; font-weight:bold; font-size:15px;}
.song_detail .info-action .name h1{ color:#CB6600; display:block; float:left; font-weight:bold; font-size:15px; padding: 0px; letter-spacing: 0px;}
.song_detail .info-action .name h1{ color:#CB6600; display:block; float:left; font-weight:bold; font-size:15px;}
.song_detail .info-action .name img{ display:block; float:right;}
.song_detail .info-action .player{ clear:both; margin-bottom:5px;}
.song_detail .info-action .action{ clear:both; margin-bottom:5px;}
.song_detail .info-action .action .like{display:block; float:left;}
.song_detail .info-action .action .add{display:block; float:left;}
.song_detail .info-action .action .embed{display:block; float:right;}
.song_detail .info-action .action .mail{display:block; float:right;}
.song_detail .info-action .action .save{display:block; float:right;}
.song_detail .info-action .action .reportError{display:block; float:right;}

.song_info { padding-left:2%;}
.song_info table{ width:97%; margin-bottom:10px;}
.song_info table td{ padding:4px 0;}
.song_info a{ color:#996500;}
.song_info a:hover{ color:#000;}
.song_info .title{ font-weight:bold; padding-bottom:10px; margin-left:-6px;}
.song_info .lyric{ padding:6px 10px; background-color:#fff; margin-bottom:10px; line-height:20px;}

#addMusic_menu {position:absolute;	border:1px solid #ccc;visibility:hidden;z-index:99;width:111px; margin-top:30px;}
#addMusic_menu a, 
#addMusic_menu a:visited, 
#addMusic_menu a:active {
	float:none;
	display:block; 		
	line-height:normal;
	padding:4px 10px;
	background:none !important;
	color:#333;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	background-color:#fff !important;
}
#addMusic_menu a:hover {text-decoration:none !important;background-color:#FAD36D !important;}

/* ======================
start of album_list.html + album_detail.html
====================== */
.artist-tab{padding:5px 15px 0px 15px;font-weight:bold;background:#E9EFE7;margin:0px 0px 15px -15px;position:relative;clear:both;line-height:25px;height:25px;overflow:hidden;}
.artist-tab .active,.artist-tab .inActive:hover{margin-right:1px;padding:0px 3px;color:#95772E;float:left;background-color:#F5F9F0;position:relative;line-height:25px;height:25px;}
.artist-tab .active:hover{color:#000;position:relative;line-height:25px;height:25px;}
.artist-tab .inActive{margin-right:1px;padding:0px 3px;float:left;color:#333333;position:relative;line-height:25px;height:25px;}
.viewMore{display:inline;margin-right:20px;float:right;}
.hot_album { padding:10px}
.hot_album .item{ margin:0px 0px 10px 0;}
.hot_album .item .text{ margin-left:90px;}
.hot_album .item .name{ font-weight:bold; display:block; padding-bottom:10px;}
.hot_album .item .name:hover{ text-decoration:underline;}
.hot_album .item .song{ font-size:11px; display:block;}
.hot_album .item .desc{ font-size:11px;}
.album-tab{ padding:5px 15px 0px 15px;	font-weight:bold; background:#E9EFE7;margin:0px 0px 15px -15px;position:relative;clear:both;line-height:25px;height:25px;overflow:hidden;}
.album-tab .active,.artist-tab .inActive:hover{margin-right:1px;padding:0px 3px;color:#95772E;float:left;background-color:#F5F9F0;position:relative;line-height:25px;height:25px;}
.album-tab .active:hover{color:#000;position:relative;line-height:25px;height:25px;}
.album-tab .inActive{margin-right:1px;padding:0px 3px;float:left;color:#333333;position:relative;line-height:25px;height:25px;}
.album_list {padding-right:10px;}
.album_list .item{ margin-bottom:20px;}
.album_list .item .text{ margin-left:105px;}
.album_list .item .name{ font-weight:bold; display:block; padding-bottom:5px;}
.album_list .item .name:hover{ text-decoration:underline;}
.album_list .item .info{ font-size:11px; display:block; color:#333; padding-bottom:6px;}
.album_list .item .info a{ color:#AE8310; font-size:12px;}
.album_list .item .info a:hover{ text-decoration:underline;}
.album_list .item .desc{ display:block;}
.album_info	{ padding:10px 0 10px 10px;}
.album_info	.name{ color:#333; font-size:16px; display:block; clear:both; font-weight:bold; padding-bottom:10px;}
.album_info	.image{ float:left; margin:0 15px 10px 0px;}
.album_info	.info{ background-color:#E9EFE7; display:block; margin:10px 0 0 -10px; padding:5px 0;}
.album_info	.info a{ color:#D49508; font-weight:bold;}
.album_info	.info a:hover{ text-decoration:underline;}
.album_info	.desc{ padding-top:10px;}
.album_info .moreDesc{ font-size:11px; display:block; padding:4px 0 10px 0; color:#D49508;}
.album_info .moreDesc:hover{ text-decoration:underline;}
.album_info	.player{ clear:both; margin-bottom:10px;}
.album_info .other{ font-size:11px; display:block; padding-bottom:5px;}
.album_info .other span{ font-weight:bold; color:#656565; }
.album_info .other a{ color:#006599; }
.album_info .other a:hover{ text-decoration:underline; color:#996500; }
.albumDt_list{ padding:0px 0 1px 10px;}
.albumDt_list .title{ font-weight:bold; text-transform:uppercase; background-color:#E9EFE7; display:block; margin-left:-10px; padding:10px 0 10px 30px;}

/* ======================
start of poll.html
====================== */
.poll_item{ padding:10px;}
.poll_item table{ margin-top:10px;}
.poll_item td{ padding:5px 0;}
.poll_item .question{ margin-bottom:10px; display: block; clear:both;}
.poll_item .item{}
.poll_item .item a:hover img{ border:1px solid #000;}
.poll_item .item img{ border:1px solid #ccc; padding:1px; float:left;}
.poll_item .item .text{ margin-left:70px;}
.poll_item .item .name{ font-weight:bold; display:block;}
.poll_item .item .name:hover{ text-decoration:underline;}
.poll_item .item .author{ color:#D49508; display:block;}
.poll_item .item .author:hover{ text-decoration:underline;}
.poll_item .item .desc{ font-size:11px;}
.poll_item .action{ background:url(../images/pollBg.jpg) repeat-x bottom; padding: 10px 0 10px 50px; margin-top:20px; }
.poll_item .action .accept{ background:url(../images/buttons/btn_acceptBg.jpg) repeat-x; display:block; color:#fff; font-weight:bold; border:none; width:78px; height:21px; margin-right:10px; float:left;}
.poll_item .action .accept:hover{ text-decoration:underline; cursor:pointer;} 
.poll_item .action .viewResult{ background:url(../images/buttons/btn_viewResultBg.jpg) repeat-x; display:block; color:#fff; border:none; width:89px; height:21px; margin-right:10px; float:left;}
.poll_item .action .viewResult:hover{ text-decoration:underline; cursor:pointer;} 
.pollFilter{ background-color:#E9EFE7; padding:5px 0 0 10px; display:block;}
.pollFilter .inActive{padding:7px 10px 5px 10px; display:block; float:left; font-weight:bold; margin-right:1px;}
.pollFilter .inActive:hover, .pollFilter .active{ color:#D49508; background-color:#fff;padding:7px 10px 5px 10px; display:block; float:left; font-weight:bold; margin-right:1px;}
.poll { padding:0px 10px 10px 10px; }
.poll .title{ display:block; color:#000; font-weight:bold; padding:10px 0; }
.poll .item { clear:both; margin-bottom:20px;}
.poll .item .position{ width:53px; height:45px; float:left; margin-right:10px; background:url(../images/positionBg.png) center center no-repeat; font-size:24px; font-weight:bold; color:#656565; padding:13px 0 0 0px; margin-top:13px; text-align:center;}
.poll .item .image img{ border:1px solid #ccc; padding:1px; float:left;}
.poll .item .image:hover img{ border:1px solid #000;}
.poll .item .name{font-weight:bold; display:block; padding:3px 0 3px 10px;}
.poll .item .info{ width:300px; float:left;}
.poll .item .rateWrap{ display:block; margin-bottom:1px; font-size:11px; position:relative;}
.poll .item .rateWrap .text{ position:relative; height:17px; display:block; padding:3px 0 0 10px;}
.poll .item .rate01{ background:url(../images/rate01Bg.jpg) repeat-x; height:17px; display:block; padding:3px 0 0 0px; position:absolute;}
.poll .item .rate02{ background:url(../images/rate02Bg.jpg) repeat-x; height:17px; display:block; padding:3px 0 0 0px; position:absolute;}
.poll .item .rate03{ background:url(../images/rate03Bg.jpg) repeat-x; height:17px; display:block; padding:3px 0 0 0px; position:absolute;}

/* ======================
start of radio.html 
====================== */
.generalRadio{ padding-bottom:1px;}
.generalRadio .title{ text-transform:uppercase; font-weight:bold; color:#656565; padding:8px 10px; background-color:#E4EBE3; margin-bottom:5px;}
.generalRadio .chanel{ padding-left:25px; margin-bottom:10px;}
.radio_top{ 
	background:url(../images/radio_topBg.jpg) repeat-x top;
	-moz-border-radius-topright:5px; 
	-moz-border-radius-topleft:5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-top-left-radius: 5px;
	height:30px;
	padding:0px 10px;
	color:#CDDBFA;
	font-weight:bold;
    position: relative;
}
.radio_top span{ background:url(../images/icons/icon_radioBlue.png) no-repeat left top; color:#CDDBFA; font-weight:bold; display:block; font-size:14px; padding:7px 0px 5px 30px;}
.radio_body { 
	border:1px solid #0E2135; 
	border-top:none; 
	background-color:#183552;
	-moz-border-radius-bottomright:5px; 
	-moz-border-radius-bottomleft:5px; 
	-webkit-border-bottom-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;
}
.radio_action{ padding:25px 0px 20px 20px; border-top: 1px solid #0E2135;border-bottom: 1px solid #0E2135;}	
.radio_action .item{ display:block; float:left; width:285px; margin-right:20px;}
.radio_action .item img{ display:block; float:left; margin-right:10px;}
.radio_action .item .title{ color:#fff; font-weight:bold; font-size:14px;}
.radio_action .item span{ color:#D5DDD3;}
.radio_online {	background:url(../images/radio_onlineBg.jpg) repeat-x top; padding:15px 20px;}
.radio_online .titleOnline{ font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff; margin-bottom:10px;}
.radio_online .titleOnline span{ color:#FFCB33;}
.radio_online .player_and_name {}
.radio_online .player_and_name .player{ float:left; width:305px;}
.radio_online .player_and_name .name{ float:left; background:url(../images/radio_descBg.jpg) repeat-x;}
.radio_online .player_and_name .name span{ display:block; padding:5px 0px 4px 30px; background:url(../images/radio_name.png) no-repeat 7px; width:578px; height: 15px;}
.radio_online .list_song { color:#D5DDD3; font-size:11px; display:block; float:right; margin:10px 0;}
.radio_online .list_song:hover { color:#3B5A4A; }
.radio_body .back{ background:url(../images/radio_backBg.jpg) repeat-x bottom; padding:10px 0px 10px 20px;}
.radio_body .back a{ display:block; background:url(../images/icons/icon_radioBack.png) no-repeat left; color:#FFCB33; padding-left:15px; float:left;}
.radio_body .back a:hover{ text-decoration:underline;}
.radio_select{ padding:10px 20px 20px 20px;}
.radio_select .title{ color:#D5DDD3; font-size:14px; font-weight:bold; text-align:center; padding-bottom:20px;}
.radio_select .search{ clear:both; margin-bottom:20px;}
.radio_select .search input{padding:3px 0px 2px 3px;font-size:11px;border:1px solid #999;height:16px; display: block; float:left; width:210px;}
.radio_select .search a{ background:url(../images/buttons/btn_radioFind.png); width:68px; height:21px; color:#D5DDD3; font-weight:bold; display: block; float:right; padding-top:4px; text-align:center;}
.radio_select .search a:hover{ text-decoration:underline;}
.radio_select .option{ width:280px; height: 250px; overflow:scroll; background-color:#fff;}
.radio_select .option span{ padding:4px 0; display: block; color:#333; border-bottom:1px solid #DDDDDD; padding-left:3px;}
.radio_select .option .chose{ background-color:#ddd;}
.radio_select .option .general01{ background-color:#F2F2F2;}
.radio_select .option .general02{ background-color:#fff;}
.selectedRadio{}
.selectedRadio .emtyItem{ height:43px; border:1px solid #0E2135; background:#fff;margin-bottom:13px; display:block; padding:7px 0 0 10px;}
.selectedRadio .item{ clear:both; }
.selectedRadio .item .image{ border:1px solid #ddd; padding:1px; display:block; float:left; margin-right:10px;}
.selectedRadio .item span{display:block; float:left; font-weight:bold;}
.selectedRadio .item .delete{ display:block; float:right;margin:10px 10px 0 0;}
.radio_select .btn_listenRadio{ width:306px; height:48px; background:url(../images/buttons/btn_listenThisRadio.png); display: block; margin-top:10px;}
.radio_chanel{ background:url(../images/radio_listBg.jpg) #fff repeat-x top; display:block; padding:10px 17px}
.radio_chanel .chanel{ display:block; background:url(../images/underLine.gif) repeat-x bottom;;}
.radio_chanel .inActive{padding:10px 20px; display:block; color:#006599;}
.radio_chanel .active, .radio_chanel .inActive:hover{ display:block; padding:10px 20px;background:url(../images/icons/bullet_radio.jpg) no-repeat left 10px; color:#006599; font-weight:bold;}

/* ======================
start of playlist.html + playlist_detail.html
====================== */

.listUl{ margin:0; padding:0; }
.listUl li{	margin:0; padding:0; list-style-type:none; float:left;}
.item-list{	width:100px;margin:0 15px 20px 0;}
.item-list .image img{ border:1px solid #CDCDCD;padding:1px;margin-bottom:5px;}
.item-list .image:hover img{border:1px solid #000;}
.item-list .name{height:30px;display:block;overflow:hidden;text-align:center;margin:3px 0;}
.item-list .author{	height:14px;display:block;overflow:hidden;font-size:11px;color:#AD830F;text-align:center;}
.item-list .author:hover{color:#AD830F;text-decoration:underline;}

.playlist-list{    width:100px;margin:0 15px 20px 0; height: 169px; overflow: hidden;}
.playlist-list .image img{ border:1px solid #CDCDCD;padding:1px;margin-bottom:5px;}
.playlist-list .image:hover img{border:1px solid #000;}
.playlist-list .name{height:30px;display:block;overflow:hidden;text-align:center;margin:3px 0;}
.playlist-list .author{    height:14px;display:block;overflow:hidden;font-size:11px;color:#AD830F;text-align:center;}
.playlist-list .author:hover{color:#AD830F;text-decoration:underline;}
.dt_hot{padding-bottom:20px;}
.dt_hot .left{float:left;margin-right:10px;}
.dt_hot .image{border:1px solid #A2A59F;padding:1px;display:block;clear:both;}
.dt_hot .text{float:left;width:250px;height:200px;overflow:hidden;}
.dt_hot .text h1{font-size:15px;padding:0;padding-bottom:10px;color:#333; letter-spacing: 0px;}
.dt_hot .text h4{font-size:15px;padding:0;padding-bottom:10px;color:#333;}
.dt_hot .text span{margin-top:10px;color:#656565;display:block;}
.imageLink{text-align:center;height:25px;line-height:25px;}
.imageLink .share{float:left;display:inline;margin-left:20px;height:25px;line-height:25px;}
.imageLink .embed{float:left;background:#E9EFE7;height:23px;line-height:20px;padding:3px 5px 0px 5px;}
.embed-dt{background:#E9EFE7;padding:5px;width:445px;}
.embed-dt input{margin-right:5px;}
.embed-dt .check{margin-right:20px;float:left;font-size:11px;}
.category{}
.category .titleAdt{background-color:#E9EFE7;padding:7px 0 7px 10px;color:#3B4949;font-weight:bold;position:relative;width:468px;margin:0 0 15px -10px;}
.current_alert{ background:#FFFFCC; border:1px solid #E0CA94; color:#414D4C; padding:5px 10px;}

/* ======================
Start of upload 
====================== */
.upload{padding:23px 0 100px 90px;min-height:550px;height:auto !important;height:550px;}
.upload input{border:1px solid #CCC;padding:3px 0 0 3px;height:19px;}
.upload .uploadName{clear:both;width:500px;}
.upload select{font-size:13px;}
.upload h4{	margin:0;margin-bottom:10px;font-size:13px;font-weight:bold;color:#CB6500;}
.upload .textField{width:420px;float:left;}
.upload .inputFile{	height:auto;}
.upload textarea{width:417px;height:125px;background-color:#FFF}
.upload .radio{height:auto;border:none;}
.upload p{margin:15px 0 30px 0;}
.upload .button{
	width:100px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:url(../images/buttons/video-detail-button.jpg);
	border:none;
	padding:0px;
	cursor:pointer;
}
.upload .pointer{background:url(../images/upload_pointer.jpg);width:9px;height:18px;position:relative;margin-top:7px;float:left;}
.upload .checkData{width:184px;border:1px solid #C9C99B;background-color:#FEFEE8;float:left;margin-left:-1px;padding:7px;}
.upload table td{ padding:3px 0px 3px 0px;position:relative;}
#checkUploadName,#checkUploadKeyword,#checkUploadAuthor,#checkUploadSinger{ position:absolute;margin-left:430px;visibility:hidden;}
#chooseFileName{ position:absolute;margin-left:400px;visibility:hidden;margin-top:-67px;}
#chooseImg{ position:absolute;margin-left:530px;visibility:hidden;}
#checkUploadDesc{ position:absolute;margin-left:430px;visibility:hidden;margin-top:-135px;}
#checkUploadSelect{ position:absolute;visibility:hidden;margin-top:-10px;margin-left:115px;}
#checkUploadViewPub,#checkUploadViewPri,#checkUploadViewMember,#checkUploadBlogPub,#checkUploadBlogPri,#checkUploadMember,#checkUploadPri01,#checkUploadPri02{ position:absolute;visibility:hidden;margin-top:-10px}
.upload a{text-decoration:underline;}
.upload a:hover{text-decoration:none;}

/* ======================
Start of myMusic 
====================== */
.chooseABC{	padding-bottom:10px;}
.chooseABC span{font-weight:bold;padding-right:10px;}
.chooseABC a{padding-right:13px;}
.chooseABC a:hover{	text-decoration:underline;}
.myMusic-tableTitle{padding:10px 0;background-color:#D6DED4;margin-left:-20px;padding-left:20px;}
.myMusic-tableTitle input{float:left;margin-right:7px;}
.myMusic-table{font-size:11px;}
.myMusic-table td{	padding:10px 0;background:url(../images/underLine.gif) repeat-x bottom;}
.myMusic-table img{	margin-right:10px;}
.myMusic-table input{float:left;margin-right:7px;}
.myMusic-table .item{width:265px;float:left;}
.myMusic-table .item .name{	font-size:12px;	color:#265927;display:block;padding-bottom:5px;}
.myMusic-table .item .name:hover{text-decoration:underline;}
/*.myMusic-table .item .author{color:#218E98;	display:block;}*/
.myMusic-table .item .author{color:#218E98;}
.myMusic-table .item .author:hover{	text-decoration:underline;}
.myMusic-table .item .desc{	color:#999;	display:block;}
.myMusic-table .playListImage{	border:1px solid #D8E0D6; padding:1px;}
.chiMuc{background-color:#F0F5EF;border:1px solid #D6DED4;height:36px;margin:20px 0 30px 0;}
.chiMuc .text{background-color:#D6DED4;float:left;height:26px;	font-weight:bold;color:#434343;padding:10px 20px 0px 20px;}
.chiMuc .delete{background:url(../images/chiMucDel.gif) repeat-y right;margin-top:3px;height:24px;float:left;padding:4px 15px 0 15px;}
.chiMuc .delete input{background:#666666;color:#FFF;width:50px;border-color:#EAECE1 #213A27 #213A27 #EAECE1;border-width:1px;border-style:solid;}
.chiMuc .noibat{background:url(../images/chiMucDel.gif) repeat-y right;margin-top:3px;height:24px;float:left;padding:4px 15px 0 15px;}
.chiMuc .noibat input{background:#557765;color:#FFF;width:120px;border-color:#D6DED4 #183627 #183627 #D6DED4;border-width:1px;border-style:solid;}
.chiMuc .diDen{margin-top:3px;height:24px;float:left;padding:4px 15px 0 15px;}
.playlistCreate-tb td{padding:5px 0 0 0;}

.input_notice{border:1px solid #ff0}
.input_error{border:1px solid #f00}

.lyric_little{overflow: hidden; max-height:100px;}
.hidden{display: none;}
.searchBox .radio{margin: 0; padding: 0; border:none;}
.f-share{
    background-position: left -210px;
    font-size: 10px;
    line-height: 14px;
    text-decoration: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #29447E;
    background-image: url("../images/icons/connect_sprite.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 0px 0px 0px 1px;
    color: #0066CC;
}
.f-share a{
     background-attachment: scroll;
    background-clip: border-box;
    background-color: #5F78AB;
    background-image: url("../images/icons/connect_sprite.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #1A356E;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: #879AC0;
    border-top-style: solid;
    border-top-width: 1px;
    color: #FFFFFF;
    display: block;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    margin-right: 1px;
    margin-top: 1px;
    text-shadow: none;
    margin-left: 22px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    font-size: 12px;
    line-height: 14px;
}


/*======== fix 6-6-11 qua tang am nhac ==========*/
.defaut-button{
	background:url(../images/buttons/button-defautl.jpg) repeat-x;
	-moz-border-radius:3px; 
	-webkit-border-radius: 3px; 
	padding:3px 15px;
	color:#fff;
}
.defaut-button:hover{color:#fff; text-decoration:underline;}
.bnt_iLike{ background:url(../images/buttons/btn_playlist.png) no-repeat top left; width:70px; height:45px; display:block; float:left;}
.bnt_iLike:hover{ background:url(../images/buttons/btn_playlist.png) no-repeat 0px -45px;}
.bnt_myPlayList{ background:url(../images/buttons/btn_playlist.png) no-repeat -70px top ; width:110px; height:45px; display:block; float:left;}
.bnt_myPlayList:hover{ background:url(../images/buttons/btn_playlist.png) no-repeat -70px -45px;}
.bnt_myGif{ background:url(../images/buttons/btn_playlist.png) no-repeat top right; width:120px; height:45px; display:block; float:left;}
.bnt_myGif:hover{ background:url(../images/buttons/btn_playlist.png) no-repeat right -45px;}
.addLikeArtist{ display:block; float:right;}
.addLikeArtist:hover{ display:block; float:right;}
.addLikeArtist img{ border:none !important;}
.addLikeArtist:hover img{ border:none !important;}

/*===== Them qua tang am nhac vao trang chu? : fix ngay 14-7-11*/
.qua-tang-am-nhac-wrap{
    background:url(../images/qtang-index-bg-wrap.jpg) repeat-y;
    clear:both;
    margin-bottom:10px;
    width:300px;
    position:relative;
}
.qua-tang-am-nhac-right{
    background:url(../images/qtang-index-bg-right.jpg) no-repeat;
    position:absolute;
    right:-13px;
    width:13px;
    height:100px;
}
.qua-tang-am-nhac{
    background:url(../images/qtang-index-bg.jpg) no-repeat top left;
    clear:both;
}
.qua-tang-am-nhac .top-content{
    padding:80px 15px 0 20px;
}
.qua-tang-am-nhac .intro{
    text-shadow:#98C4E0 1px 1px 1px;
    color:#000;
    padding-bottom:10px;
}
.qua-tang-am-nhac .lover{
}
.qua-tang-am-nhac .lover .text{
    text-align:center;
    padding-top:5px;
    padding-left: 5px;
    float: left;
    overflow: hidden;
    line-height:15px;
    width: 135px;
}
.qua-tang-am-nhac .lover .text a{
    font-weight:bold;
    text-shadow:#000 2px 2px 2px;
    color:#FFFF99;
}
.qua-tang-am-nhac .lover .text a:hover{
    text-decoration:underline;
}
.qua-tang-am-nhac .lover .text span{
    font-size:11px;
    color:#fff;
}
.qua-tang-am-nhac .song-name{
    text-align:center;
    clear:both;
    padding:10px 0 10px;
    color:#000 !important;
}
.qua-tang-am-nhac .song-name a{
    color:#000 !important;
}
.qua-tang-am-nhac .song-name a:hover{
    color:#D49508 !important;
}
.qua-tang-am-nhac .loi-nhan{
    font-style:italic;
    padding:15px 25px 10px;
    overflow:hidden;
    text-align:justify;
    position:relative;
}
.qua-tang-am-nhac .loi-nhan .quote-left{
    background:url(../images/icons/qtan-quote-left.png) no-repeat;
    width:15px;
    height:11px;
    position:absolute;
    top:15px;
    left:10px;
}
.qua-tang-am-nhac .loi-nhan .quote-right{
    background:url(../images/icons/qtan-quote-right.png) no-repeat;
    width:15px;
    height:11px;
    position:absolute;
    bottom:5px;
    right:10px;
}
.qua-tang-am-nhac .next-back{
    background:url(../images/qtang-index-bg-bottom.jpg) no-repeat;
    padding:0 10px;
    height:35px;
}
.next-back a{
    display:block;
    padding-top:10px;
}
.qua-tang-am-nhac .guide-present{
                display:block;
                float:right;
                padding:5px 10px 5px 20px;
                font-size:11px;
                color:#fff;
                text-shadow:2px 2px 2px #333;
                clear:both;
                background:url(../images/icons/icon-guide-present.png) no-repeat left;
}
.qua-tang-am-nhac .guide-present:hover{
                color:#46A7F8;
}
