﻿
body
{
    font-family: Arial;
    font-size: 11px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    /*line-height: 16px;*/
    background-color: #d5c7e1;
}
.page
{
    width: 990px;
    vertical-align: top;
}
#header
{
    width: 990px;
}
#main
{
    width: 990px;
    margin-bottom: 4px;
    margin-top:8px;
    background-image: url('background/bkg_ngang_08.png');
    background-repeat: repeat-y;
    min-height: 272px;
    background-color:#d5c7e1;
}
#footer
{
    width: 990px;
    height: 87px;
    margin-top:12px;
    float: left;
    color: #FFFFFF;
    background-image: url(background/bkg_footer_08.png);
    background-repeat:repeat-x;
    text-align:left;
}
#footer a
{
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
}
#left-main
{
    width: 197px;
    text-align: left;
    float: left;
    position:relative;
    top:-150px;
    
}

#main-content
{
    width: 550px;
    padding-left: 12px;
    text-align: left;
    float: left;
}
#right-main
{
    width: 197px;
    text-align: left;
    float: right;
}
.left-box-right
{
    width: 197px;
    text-align: left;
    padding-bottom: 16px;
}
.left-box-right .box-header-log
{
    text-align: center;
    font-weight: bold;
    height: 41px;
    padding-top: 5px;
    color: #D509A4;
    background-image:url('dangnhap/dang_nhap_top_35.png');
    background-repeat:no-repeat;
}
.left-box-right .box-content-log
{
    text-align: left;
    width: 197px;
    height: 90px;
    padding-bottom: 4px;
    padding-top:4px;
    background-color:#000000;
}
.left-box-right .box-bottom-log
{
    height: 213px;
    width:275px;
}
.left-box-right .box-bottom-log .dangnhap-bottom-left
{
    width:16px;
    height:213px;
    float:left;
    background-image:url('dangnhap/dang_nhap_bottom_left_37.png');
    background-repeat:no-repeat;
}
.left-box-right .box-bottom-log .dangnhap-bottom-right
{
    width:14px;
    height:213px;
    float:left;
    background-image:url('dangnhap/dang_nhap_bottom_right_40.png');
    background-repeat:no-repeat;
}
.left-box-right .box-bottom-log .dangnhap-bottom-content
{
    width:236px;
    height:213px;
    float:left;
    background-image:url('dangnhap/dang_nhap_bottom_center_38.png');
    background-repeat:repeat-x;
}
.theloai-nhaccho
{
    line-height: 25px;
    font-size: 12px;
}
.theloai-nhaccho a
{
    color: #000000;
    text-decoration: none;
    /*font-weight: bold;*/
}
.theloai-nhaccho a:hover
{
    color: #d50ca5;
}
.singer-list
{
    line-height: 14px;
    font-size: 12px;
    /*background-image:url('left_menu/album_hot/album_hot_bkg_content.png');
    background-repeat:repeat-x;*/
    height:75px;
    width:191px;
    border-bottom:solid 1px #FFFFFF;
}
.singer-list a
{
    color: #000000;
    text-decoration: none;
    font-size:12px;
    font-family:Arial;
    /*font-weight: bold;*/
}
.singer-list a:hover
{
    color: #D50CA5;
    text-decoration: underline;
    font-size:12px;
    font-family:Arial;
}
/* --- Album Hot --*/
.album-hot-list
{
    line-height: 14px;
    font-size: 12px;
    background-image:url('left_menu/album_hot/album_hot_bkg_content.png');
    background-repeat:repeat-x;
    height:75px;
    width:191px;
}
.album-hot-list a
{
    color: #000000;
    text-decoration: none;
    font-size:12px;
    font-family:Arial;
    /*font-weight: bold;*/
}
.album-hot-list a:hover
{
    color: #D50CA5;
    text-decoration: underline;
    font-size:12px;
    font-family:Arial;
}
.box-bottom div a
{
    color: #2D6149;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.box-bottom div a:hover
{
    text-decoration: none;
}
.show-data
{
    width: 549px;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 12px;
    float:left;
}
.show-data .show-data-tab-top
{
    width: 554px;
    height:29px;
    background-image: url('nhac_hot/bai_hat_moi_nhat_top.png');
    background-repeat: no-repeat;
    background-color:#AEE316;
    
}
.show-data-tab-content
{
    margin:0px; padding:0px;
    width:554px;
}
.show-data .show-data-tab-content .show-data-tab-left
{
    width: 19px;
    height:494px;
    background-image: url('nhac_hot/nhac_hot_left_82.png');
    background-repeat: no-repeat;
    float:left;
}
.show-data .show-data-tab-content .show-data-tab-center
{
    width: 554px;
    background-image: url('nhac_hot/bai_hat_moi_nhat_middle.png');
    background-repeat: repeat-y;
    float:left;
    padding-top:13px;
    background-color:#FFFFFF;
}
.show-data .show-data-tab-bottom
{
    width: 554px;
    height:17px;
    background-image: url('nhac_hot/bai_hat_moi_nhat_bottom.png');
    background-repeat: repeat-y;
    background-color:#AEE316;
    float:left;
}
.show-data .show-data-tab-content .show-data-tab-right
{
    width: 22px;
    height:494px;
    background-image: url('nhac_hot/nhac_hot_right_86.png');
    background-repeat: no-repeat;
    float:right;
}
.list-alphabet a
{
    color:#000000;
    font-size:13px;
    font-family:Arial;
}
.list-alphabet a:hover
{
    color:#D50CA5;
    text-decoration:none;
    font-size:13px;
    font-family:Arial;
}
.show-data-header
{
    width: 685px;
    height: 20px;
    padding-top: 4px;
    border: solid 1px orange;
}
.show-data-content
{
    width: 685px;
}
.show-data-bottom
{
    width: 685px;
    border: solid 1px orange;
    height: 20px;
}
.tabsongs
{
    position: relative;
    top: 1px;
    left: 0px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
}
.tabsong
{
    /*border: solid 1px #eeeeee;*/
    background-image:url(bai_hat_moi_nhat/bai_hat_moi_nhat_button_color.png);
    font-size: 12px;
    font-weight: bold;
    font-family:Arial;
    color: #FFFFFF;
    text-align: center;
    width: 179px;
    height: 22px;
    padding-top:6px;
    /*border-right: 1px #FFF solid;*/
    display:block;
    text-decoration:none;
}
.tabsong a
{
    background-color: #FFF;
    width: 109px;
    height: 22px;
    display: block;
    font-family:Arial;
    color:#FFFFFF;
    padding-top: 6px;
}
.selectedTab
{
    background: transparent url('bai_hat_moi_nhat/bai_hat_moi_nhat_button_white.png') no-repeat scroll 0 0;
    color: #000000;
    width: 170px;
    height: 22px;
    font-size: 12px;
    padding-left:10px;
    padding-top:6px;
    /*border-right: 1px #FFFFFF solid;*/
    display:block;
    font-family:Arial;
    text-align:left;
    text-decoration:none;
    font-weight: bold;
}
.selectedTab_2
{
    background: transparent url('menu-top/bai_hat_theo_van_button_color.png') no-repeat scroll 0 0;
    color: #000000;
    width: 355px; 
    height: 28px;   
    font-size: 12px; 
    float: right;   
    /*border-right: 1px #FFFFFF solid;*/    
}
.tabContents
{
    border: solid 1px black;
    padding: 10px;
    background-color: white;
}
#menu-header
{
    width: 990px;
    height: 116px;
    background-image: url('banner/1_kenhamnhac_home_1_01.png');
    background-repeat: no-repeat;
}
#header-search
{
    width: 990px;
    height: 195px;
    background-image: url('background/bkg_menu_03.png');
}
#dangnhap-huongdan-loainhac
{
    height: 345px;
    margin-bottom: 13px;
    width: 685px;
}
.kichthuocdu
{
    width: 972px;
    float:left;
}
#khung-huong-dan
{
    width: 502px;
    float: left;
}
.left-box-loainhac
{
    width:197px;
    float:right;
    /*margin-top:12px;*/
}
.left-box-loainhac .box-left-loainhac
{
    width:19px;
    height:345px;
    background-image: url('viettel/the_loai_left_29.png');
    background-repeat:no-repeat;
    float:left;
   
}
.left-box-loainhac .box-content-loainhac
{
    width:175px;
    /*height:81px;*/
    background-image: url('the_loai/the_loai_center.png');
    background-repeat:repeat-y;
    float:left;
    text-align:left;
    padding-left:22px;
    font-family:Arial;
    font-size:12px;
}

.left-box-loainhac .box-content-loainhacEx
{
    width:175px;
    height:326px;
    background-image: url('the_loai/the_loai_center.png');
    background-repeat:repeat-y;
    float:left;
    text-align:left;
    padding-left:22px;
}

.left-box-loainhac .box-right-loainhac
{
    width:19px;
    height:345px;
    background-image: url('viettel/the_loai_right_32.png');
    background-repeat:no-repeat;
    float:right;
}
.left-box-loainhac .header-loainhac
{
    background-image: url('the_loai/the_loai_top.png');
    background-repeat:no-repeat;
    width:197px;
    height:19px;
    padding-top:13px;
    color:#FFFFFF;
}
.left-box-loainhac .box-bottom-loainhac
{
    width:197px;
    height:38px;
    background-image: url('the_loai/the_loai_bottom.png');
    background-repeat:no-repeat;
    float:right;
}
.left-box-loainhac .box-bottom-loainhac a
{
    margin-top:3px;
    color:#EF8911;
    font-weight:bold;
    text-decoration:none;
}
.btb-updown
{
    width:105px;
    height:20px;
    padding-top:4px;
    background-image: url('the_loai/Down-16x16.png');
    background-repeat:no-repeat;
    background-position:right;
}

.btb-updownEx
{
    width:105px;
    height:20px;
    padding-top:4px;
    background-image: url('the_loai/Up-16x16.png');
    background-repeat:no-repeat;
    background-position:right;
}
.inside-playlist
{
    color:#FFFFFF;
    line-height:14px;
}
.inside-playlist a
{
    text-decoration:none;
    color:#FFFFFF;
}
.khung-huong-dan-top
{
    height:53px;
    width:548px;
    background-image: url('viettel/viettel_top_36.png');
    background-repeat:no-repeat
}
.khung-huong-dan-content
{
    /*height:180px;*/
    width:548px;
    background-image: url('viettel/viettel_center.png');
    background-repeat:repeat-x
}
.khung-huong-dan-bottom
{
    height:21px;
    width:502px;
    background-image: url('viettel/viettel_bottom_56.png');
    background-repeat:repeat-x
}
.khung-hinh-viettel
{
    height:21px;
    width:502px;
}
.header-huongdan
{
    color:#FFFFFF;
    height:20px;
    padding-top:12px;
}
.header-huongdan a
{
    line-height:18px;
}

/*--nhac cho TOP --*/
.ichannel-topmusic
{
    width:197px;
    text-align:center;
    float:left;
    margin-top:13px;
}
.ichannel-topmusic-contentOut table
{
    margin:0px;
    padding:0px;
}

.ichannel-topmusic .ichannel-top-idea-music-header
{
    width:197px;
    height:32px;
    color:#FFFFFF;
    background-image: url('bai_hat_de_xuat/bai_hat_de_xuat_top.png');
    background-repeat:no-repeat
}

.ichannel-topmusic .ichannel-top-special-music-header
{
    width:197px;
    height:32px;
    color:#FFFFFF;
    background-image: url('dac_biet_trong_tuan/dac_biet_trong_tuan_top.png');
    background-repeat:no-repeat
}

.ichannel-topmusic .ichannel-topmusic-contentOut
{
    width:197px;
    background-image: url('bai_hat_de_xuat/bai_hat_de_xuat_middle.png');
    background-repeat:repeat-y;
}

.ichannel-topmusic .ichannel-topmusic-content
{
    width:177px;
    line-height:16px;
    text-align:left;
    padding-left:15px;
    padding-right:5px;
    font-size:12px;
    padding-top:6px;
}
.ichannel-topmusic .ichannel-topmusic-content a
{
    line-height:16px;
    font-size:12px;
    text-decoration:none;
    color:#000000;
    /*font-weight:bold;*/
}
.ichannel-topmusic .ichannel-topmusic-content a:hover
{
    text-decoration:underline;
}
.ichannel-topmusic .ichannel-topmusic-content a.topsong-singer
{
    font-size:11px;
    text-decoration:none;
    color:#A4A4A4;
    font-weight:normal;
}
.ichannel-topmusic .ichannel-topmusic-bottom
{
    width:197px;
    height:20px;
    background-image: url('bai_hat_de_xuat/bai_hat_de_xuat_bottom.png');
    background-repeat:no-repeat;
}
/*-- end TOP --*/

/*-- Huong Dan --*/
.viettel-huongdan
{
    height:267px;/*260*/
    width:548px;
    float:left;
}
.huong-dan-content-left
{
    width:21px;
    height:207px;
    background-image: url('viettel/viettel_left.png');
    background-repeat:no-repeat;
    float:left;
}
.huong-dan-content-right
{
    width:21px;
    height:207px;
    background-image: url('viettel/viettel_right.png');
    background-repeat:no-repeat;
    float:right;
}
.huong-dan-content-middle
{
    width:486px;
    height:207px;
    background-image: url('viettel/viettel_center.png');
    background-repeat:repeat-x;
    float:left;
    padding-left:20px;
}
/*-- End HD --*/
/*-- Player --*/
.box-header-play
{
    width:554px;
    height:9px;
    background-image: url('sound/sound_top.png');
    background-repeat:no-repeat;
    
}
.left-box-play
{
     width:554px; margin-top:13px;
     
}
.box-content-play
{
    width:554px;
    background-image: url('sound/sound_middle.png');
    background-repeat:repeat-y;
    float:left;
    color:#000000;
    font-size:12px;
}
.box-bottom-play
{
    width:554px;
    height:10px;
    background-image: url('sound/sound_bottom.png');
    background-repeat:no-repeat;
    float:left;
}
/*-- End --*/
/*-- Dang nhap --*/
.lbtn-dangnhap
{
    width:74px;
    height:20px;
    padding-top:5px;
    text-align:center;
    background-image: url('dangnhap/dang_nhap_button_45.png');
    background-repeat:no-repeat;
    display:block;
    color:#FFFFFF;
    text-decoration:none;
}
/*-- Member is logined --*/
.lbtn-member
{
    width:65px;
    height:20px;
    padding-top:5px;
    text-align:center;
    background-image: url('dangnhap/btn_member03.gif');
    background-repeat:no-repeat;
    display:block;
    color:#000000;
    text-decoration:none;
    font-family:Arial;
}

/* --- Add New --*/
#left-main
        {
            width:197px;
            float:left;
        }
        #main-content
        {
            width:554px;
            float:left;
        }
        #right-content
        {
            width:197px;
            float:right;
        }
        .kichthuoc-v3
        {
            width:972px;
        }
        ol, ul {
	        list-style:none;
        }    
        .dropHolder {width:115px; float:left; height:1px; padding-top:10px;}
        .inside-tabnhac
        {
            width:164px;
            height:110px;
            background-image:url('nhac_hot/nhac_hot_box_content_88.png');
            background-repeat:repeat-x;
            margin-bottom:4px;
        }
        .inside-tabnhac .inside-tabnhac-content
        {
            width:162px;
            height:85px;
            float:left;
        }
        .inside-tabnhac .inside-tabnhac-bottom
        {
            width:161px;
            height:19px;
            padding-left:3px;
            float:left;
            font-size:10px;
        }
        .inside-tabnhac .inside-tabnhac-bottom a
        {
            text-decoration:none;
            font-size:10px;
            color:#FFFFFF;
            padding-left:5px;
        }
        .inside-tabnhac .inside-tabnhac-bottom a:hover
        {
            text-decoration:none;
            font-size:10px;
            color:#162502;
            padding-left:5px;
        }
        .inside-tabnhac .inside-tabnhac-content .image-tabnhac
        {
            width:63px;
            height:63px;
            float:left;
            padding-right:4px;
        }
        .inside-tabnhac .inside-tabnhac-content .data-tabnhac a
        {
            text-decoration:none;
            color:#676767;
        }
        .inside-tabnhac .inside-tabnhac-content .data-tabnhac a:hover
        {
            text-decoration:underline;
            color:#000000;
        }
        
        .album-singer a
        {
            text-decoration:none;
            font-weight:normal;
            color:#662c92;
            font-size:11px;
        }
        .album-singer a:hover
        {
            text-decoration:underline;
            font-weight:normal;
            color:#662c92;
            /*color:#94BF2D;*/
            font-size:11px;
        }
        /* -- Left menu --*/
        .left-box-othernet
        {
            width:197px;
            float:left;
            margin-top:12px;
        }
        .box-othernet
        {
            width:197px;
        }
        /*--- End Left --*/
        
        /*-- He Thong nhac cho --*/
        .he_thong_nhac_cho-title
        {
            height:36px;
            width:197px;
            text-align:center;
            color:#FFFFFF;
            background-image:url('left_menu/he_thong_nhac_cho/box_he_thong_nhac_cho_top.png');
            background-repeat:no-repeat;
        }
        
        .he_thong_nhac_cho-content
        {
            height:190px;
            width:197px;
            background-image:url('left_menu/he_thong_nhac_cho/box_he_thong_nhac_cho_middle.png');
            background-repeat:repeat-y;
            float:left;
            color:#FFFFFF;
            text-align:center;
            margin: 0 auto;
            
        }
       .he_thong_nhac_cho-bottom
       {
           height:11px;
            width:197px;
            background-image:url('left_menu/he_thong_nhac_cho/box_he_thong_nhac_cho_bottom.png');
            background-repeat:no-repeat;
            float:left;
       }
        /* -- End ---*/
        
        /*-- Album Hot --*/
        .album_hot-top-title
        {
            height:34px;
            width:197px;
            text-align:center;
            color:#FFFFFF;
            background-image:url('left_menu/album_hot/album_hot_top.png');
            background-repeat:no-repeat;
        }
        .album_hot-content
        {
            width:197px;
            text-align:left;
            color:#FFFFFF;
            background-image:url('left_menu/album_hot/album_hot_middle.png');
            background-repeat:repeat-y;
        }
        .album_hot-bottom
        {
            height:9px;
            width:197px;
            text-align:left;
            color:#FFFFFF;
            background-image:url('left_menu/album_hot/album_hot_bottom.png');
            background-repeat:no-repeat;
        }
        /* -- End --*/
        
        /*-- Album Moi --*/
        .singer-top-title
        {
            height:34px;
            width:197px;
            text-align:center;
            color:#FFFFFF;
            background-image:url('ca_sy/ca_sy_top.png');
            background-repeat:no-repeat;
        }
        .singer-box-img
        {
             margin:4px 0px 0px 4px;
             height:91px;
             width:91px;
             text-align:center;
             background-image:url('ca_sy/ca_sy_bkg.png');
             background-repeat:no-repeat;
             padding-top:4px;
        }
        .singer-box-img a
        {
             text-decoration:none;
             color:#000000;
        } 
        .singer-box-img a:hover
        {
             text-decoration:underline;
             color:#000000;
        } 
        .singer-box-right
        {
             padding-left:2px; padding-right:4px; float:right;
             height:91px;
             width:91px;
        }
        .singer-content
        {
            width:197px;
            text-align:left;
            color:#FFFFFF;
            background-color:#FFFFFF;
        }
        .album_moi-top-title
        {
            height:34px;
            width:197px;
            text-align:center;
            color:#FFFFFF;
            background-image:url('left_menu/album_moi/album_moi_top.png');
            background-repeat:no-repeat;
        }
        .album_moi-content
        {
            width:197px;
            text-align:left;
            color:#FFFFFF;
            background-image:url('left_menu/album_moi/album_moi_middle.png');
            background-repeat:repeat-y;
        }
        .album_moi-bottom
        {
            height:35px;
            width:197px;
            text-align:left;
            color:#FFFFFF;
            background-image:url('left_menu/album_moi/album_moi_bottom.png');
            background-repeat:no-repeat;
        }
        /* -- End --*/
        .divNumber
        {
            width:17px;
            padding-left:6px;
            height:14px;
            padding-top:2px;
            background-image:url('sound/icon_nghe_nhac_2.png');
            background-repeat:no-repeat;
            float:left;
            color:#FFFFFF;
            font-weight:bold;
            font-size:10px;
        }
        .div-listen
        {
            width:15px;
            height:12px;
            background-image:url('sound/icon_nghe_nhac.png');
            background-repeat:no-repeat;
            float:left;
        }
        .register-member a
        {
            text-decoration:none;
            color:#7CA311;
        }
        .register-member a:hover
        {
            text-decoration:underline;
            color:#7CA311;
        }
        /* -- Nhac theo van --*/
        .grid-header-left
        {
            width:10px;
            height:29px;
            background-image:url('bai_hat_theo_van/bai_hat_theo_van_title_left.png');
            background-repeat:no-repeat;
            float:left;
        }
        .grid-header-center
        {
            width:512px;
            height:23px;
            background-image:url('bai_hat_theo_van/bai_hat_theo_van_title_center.png');
            background-repeat:repeat-x;
            float:left;
            font-weight:bold;
            color:#FFFFFF;
            padding-top:6px;

        }
        .grid-header-right
        {
            width:10px;
            height:29px;
            background-image:url('bai_hat_theo_van/bai_hat_theo_van_title_right.png');
            background-repeat:no-repeat;
            float:right;
        }
        /* -- End --*/
/*------ Bottom Search -----*/
.bottomsearch
{
    width:972px; height:6px; float:left; /*background-color:#FFFFFF*/
}
.bottomsearch-left
{
    width:10px;
    height:6px;
    float:left;
    background-image:url('background_search_dang_nhap/bkg_dang_nhap_search_left.png');
    background-repeat:no-repeat;
}
.bottomsearch-content
{
    width:952px;
    height:6px;
    float:left;
    background-image:url('background_search_dang_nhap/bkg_dang_nhap_search_center.png');
    background-repeat:repeat-x;
}
.bottomsearch-bottom
{
    width:10px;
    height:6px;
    float:right;
    background-image:url('background_search_dang_nhap/bkg_dang_nhap_search_right.png');
    background-repeat:no-repeat;
}
/*--- Pager DL --*/
.paging-data a
{
    color:#662C92;
    text-decoration:none;
}
.boder-row
{
    border-bottom:solid 2px #FFFFFF;
    border-top:solid 2px #FFFFFF;
}
#viettel
{
    display:none;
}
#mobi
{
    display:none;
}
#vina
{
    display:none;
}
#sfone
{
    display:none;
}
#DefaultPage_Control1_DefaultMedia_Control1_bgmedia
{
    background-image:url('/App_Themes/IChannel/Violet/sound/media.jpg');
    background-repeat:no-repeat;
    height:66px;
    width:250px;
    margin-left:5px;
}
.btnplayMedia
{
    width:100px;
    height:66px;
    display:block;
}

#TopPage_Control1_LargeMedia_Control1_bgmedia
{
    background-image:url('/App_Themes/IChannel/Violet/sound/media.jpg');
    background-repeat:no-repeat;
    height:66px;
    width:250px;
    margin-left:5px;
    text-align:left;
}
        