/* CSS Document */ *{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} .m_banner_hide{display:none} .m_banner_show{display:block} .d_banner_show{ display:block;padding-top:6px} .left_banner_box{padding-bottom:6px} .left_banner_box_index{padding-bottom:0px} .left_banner_box_index span{padding-bottom:6px} /******************************************/ .content{padding-left:8px;padding-right:8px;width:988px;} .content-inside{padding-left:8px;padding-right:8px;width:988px;background:url(http://nhac.vui.vn/images/content-inside.gif) repeat-x;} .left-column{ width:162px; float:left;padding-top:8px} .center-column{float:left;padding:0px 8px;width:510px;} .right-column{float:left;width:300px;padding-top:8px;} /*******************************************/ .header{ width:1004px;background:#4b0036;} .container{ width:1004px} .header-column1{ float:left;width:280px;height:248px;background:url(http://nhac.vui.vn/images/logo.jpg) no-repeat;position:relative;padding-top:8px;} .header-column2{ float:left;width:468px;height:254px;background:url(http://nhac.vui.vn/images/header-bg-2412.jpg) repeat-x;padding-top:8px;} .header-column3{ float:left;width:256px;height:240px;background:url(http://nhac.vui.vn/images/header-column-3.jpg) repeat-x;padding-top:8px;} .header-column1-inside{ float:left;width:218px;height:158px;background:url(http://nhac.vui.vn/images/logo-inside.jpg) no-repeat;} .header-column2-inside{ float:left;width:530px;height:150px;padding-top:8px;background:url(http://nhac.vui.vn/images/header-bg.jpg) repeat-x;overflow:hidden;} .header-column3-inside{ float:left;width:256px;height:140px;padding-top:18px;background:url(http://nhac.vui.vn/images/header-bg.jpg) repeat-x;} .left-box-top{height:2px;background:url(http://nhac.vui.vn/images/left-box-top.gif) no-repeat;overflow:hidden; } .left-box-content{border-left:#c2c2c2 solid 1px;border-right:#c2c2c2 solid 1px;padding:0px;background:#fff;} .left-box-bottom{height:2px;background:url(http://nhac.vui.vn/images/left-box-bottom.gif) no-repeat;overflow:hidden;margin-bottom:8px } /*******************************************/ .header-box-inside-top{height:34px;padding:10px 0 0 0;background:url(http://nhac.vui.vn/images/header-box-inside-top.jpg) no-repeat;overflow:hidden;color:#fff;text-align:center;font-size:17px;font-weight:bold; } .header-box-inside-top a{color:#fff;font-size:17px;font-weight:bold;text-transform:uppercase; } .header-box-inside-top a:hover{color:#fff000;text-transform:uppercase;} .header-box-inside-content{height:91px;padding:3px 25px 0px 25px;background:url(http://nhac.vui.vn/images/header-box-inside-c.gif) repeat-y;} .header-box-inside-bottom{height:12px;background:url(http://nhac.vui.vn/images/header-box-inside-bottom.gif) no-repeat;overflow:hidden;margin-bottom:8px } .header-box-title{text-align:center;padding-bottom:15px} .header-box-title span,.header-box-title h1 {font-size:17px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;} .header-box-title a{font-size:17px;font-weight:bold;color:#e75a18;text-transform:uppercase;} .header-box-list a{display:inline-block;margin-bottom:8px;vertical-align:top;width:225px;background:url(http://nhac.vui.vn/images/iconSmallPlus.gif) no-repeat 0px 4px;padding:0px 0 0 15px} .header-box-list a:hover{background:url(http://nhac.vui.vn/images/iconSmallPlus-hover.gif) no-repeat 0px 4px;} /*phuonghv add 8/03/2011*/ .header-box-list-menual span{font-size:12px; display:inline-block;margin-bottom:8px;vertical-align:top;background:url(http://nhac.vui.vn/images/iconSmallPlus.gif) no-repeat 0px 4px;padding:0px 0 0 15px} .header-box-inside-top-menual{height:34px;padding:10px 0 0 0;background:url(http://nhac.vui.vn/images/header-box-inside-top.jpg) no-repeat;overflow:hidden;color:#fff;text-align:center;font-size:16px; text-transform:uppercase;font-weight:bold;} .header-box-inside-top-menual a{color:#fff;font-size:16px;font-weight:bold; text-transform:uppercase; overflow:hidden} .header-box-inside-top-menual a:hover{color:#fff000; overflow:hidden} .header-box-inside-content-menual{height:91px;padding:0px 0px 6px 10px;background:url(http://nhac.vui.vn/images/header-box-inside-c.gif) repeat-y; } .header-box-inside-bottom-menual{height:12px;background:url(http://nhac.vui.vn/images/header-box-inside-bottom.gif) no-repeat;overflow:hidden;margin-bottom:8px } .headerBoxText{width:480px;height:19px;overflow:hidden; color:#fff;font-size:16px;font-weight:bold;} /*end*/ /*******************************************/ .center-box-top{height:2px;background:url(http://nhac.vui.vn/images/center-box-top.gif) no-repeat;overflow:hidden; } .center-box-content{border-left:#c2c2c2 solid 1px;border-right:#c2c2c2 solid 0px;padding:0px ;background:#fff;width:508px;} .center-box-bottom{height:2px;background:url(http://nhac.vui.vn/images/center-box-bottom.gif) no-repeat;overflow:hidden;margin-bottom:8px } .center-box-bottom-nomargin{height:2px;background:url(http://nhac.vui.vn/images/center-box-bottom.gif) no-repeat;overflow:hidden } .center-smallBox-top{height:2px;background:url(http://nhac.vui.vn/images/center-smallBox-top.gif) no-repeat;overflow:hidden; } .center-smallBox-content{border-left:#c2c2c2 solid 1px;border-right:#c2c2c2 solid 1px;padding:0px;background:#fff;width:205px;height:246px;overflow:hidden;} .center-smallBox-bottom{height:2px;background:url(http://nhac.vui.vn/images/center-smallBox-bottom.gif) no-repeat;overflow:hidden;} /*******************************************/ .right-box-top{height:2px;background:url(http://nhac.vui.vn/images/right-box-top.gif) no-repeat;overflow:hidden; } .right-box-content{border-left:#c2c2c2 solid 1px;border-right:#c2c2c2 solid 1px;padding:0px;background:#fff;} .right-box-bottom{height:2px;background:url(http://nhac.vui.vn/images/right-box-bottom.gif) no-repeat;overflow:hidden;margin-bottom:8px } .size10{font-size:10px;} .size12{font-size:12px;} .size14{font-size:14px;} .size16{font-size:16px;} .size18{font-size:18px;} .size20{font-size:20px;} .size22{font-size:22px;} .size24{font-size:24px;} .size26{font-size:26px;} .size28{font-size:28px;} .size30{font-size:30px;} /*******************************************/ .center-bar{height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/bar-2.gif) no-repeat center;text-align:center;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;margin-bottom:12px;} .center-bar a{color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .center-bar a:hover{ color:#fff000;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .center-box-column{width:254px;float:left;} /*******************************************/ .redTitle-bg{ height:12px;padding-top:4px;background:url(http://nhac.vui.vn/images/red-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;margin:0 0px;} .redTitle-bg a{ color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .redTitle-bg a:hover{ color:#fff000;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .redTitle-bg-marLeft{ height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/red-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;margin:0 0 0 1px;} .redTitle-bg-marLeft a{ color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .redTitle-bg-marLeft a:hover{ color:#fff000;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .redTitle-bg-marRight{ height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/red-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;margin:0 1px 0 0px;} .redTitle-bg-marRight a{ color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .redTitle-bg-marRight a:hover{ color:#fff000;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} /*********************************************/ .redTitle-Sl2-bg{ height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/red-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;margin:0 1px;} .redTitle-Sl2-bg a{ color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:12px;} .redTitle-Sl2-bg a:hover{ color:#fff000;font-weight:bold;text-align:center;text-transform:uppercase;font-size:12px;} /*******************************************/ .redTitle-Sl3-bg{ height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/red-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;margin:0 1px;} .redTitle-Sl3-bg a{ color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:13px;} .redTitle-Sl3-bg a:hover{ color:#fff000;font-weight:bold;text-align:center;text-transform:uppercase;font-size:13px;} /*******************************************/ .orgranTitle-bg{ height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/orgran-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;margin:0 0px;} .orgranTitle-bg a{ color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:14px;} .orgranTitle-bg a:hover{ color:#fff000;} .orgranTitle-Sl2-bg{ height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/orgran-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:12px;margin:0 1px;} .orgranTitle-Sl2-bg a{ color:#fff;font-weight:bold;text-align:center;text-transform:uppercase;font-size:12px;} .orgranTitle-Sl2-bg a:hover{ color:#fff000;} .orgranTitle-casi-bg{ height:21px;padding-top:4px;background:url(http://nhac.vui.vn/images/orgran-title.gif) repeat-x;color:#fff;font-weight:bold;text-align:center;font-size:11px;margin:0 1px;} .orgranTitle-casi-bg a{ color:#fff;font-weight:bold;text-align:center;font-size:11px;} .orgranTitle-casi-bg a:hover{ color:#fff000;} .orgranTitle{color:#f36f21;font-weight:bold;font-size:14px;text-transform:uppercase;padding:10px 0px 15px 0px;text-align:center;} .orgranTitle a{color:#f36f21;font-weight:bold;font-size:14px;text-transform:uppercase;} /*********************************************/ img{ border:0;} a{ text-decoration:none; color:#000000;} a:hover{ color:#b50648;} a:active{ color:#b50648;} .clear{ clear:both;} .marBottom-10{margin-bottom:10px;} .marLeft-10{margin-left:10px;} .padBottom-10{padding-bottom:10px;} .padLeft-10{padding-left:10px;} .padTop-10{padding-top:10px;} .textBold{font-weight:bold;} .textBold a{font-weight:bold; } .textJustify{text-align:justify;} .textItalic{ font-style:italic;} .textUnderline{ text-decoration:underline;} .textSmallItalic{ font-size:11px; font-style:italic;} .textSmall{ font-size:11px;display:inline;} .textSmallBold{ font-size:11px; font-weight:bold;} .textRed{ color:#ff0000;} .textSmallRed{ color:#ff0000; font-size:11px;} .textSmallRedBold{ color:#ff0000; font-size:11px; font-weight:bold;} /*******************************/ .thongKe_item{ padding:8px 0px 2px 8px;} .thongKe_title{ font-weight:bold; font-size:12px;} .thongKe_newMember{ font-weight:normal; font-size:12px; text-decoration:underline; font-style:italic;} /**********************************/ .box_search{} .box_search_tab{ height:44px; overflow:hidden;margin:0;} .box_search_tab ul{ margin:0px; padding-left:3px;} .box_search_tab ul li{ list-style:none; display:block; float:left; font-size:12px; font-weight:bold; cursor:pointer; text-align:center;} /*.box_search_tab ul li:hover{color:#fff000;}*/ .searchBaiHat{ background:url(http://nhac.vui.vn/images/search_baiHat.png) no-repeat ;width:105px;height:18px;padding-top:26px;color:#ffffff;} *html .searchBaiHat { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_baiHat.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_baiHat.gif) no-repeat ; } .searchBaiHat_active{ background:url(http://nhac.vui.vn/images/search_baiHat_active.png) no-repeat ;width:105px;height:21px;padding-top:23px;color:#000000;} *html .searchBaiHat_active { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_baiHat_active.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_baiHat_active.gif) no-repeat ; } .searchCaSi{ background:url(http://nhac.vui.vn/images/search_caSi.png) no-repeat ;width:91px;height:18px;padding-top:26px;color:#ffffff;} *html .searchCaSi { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_caSi.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_caSi.gif) no-repeat ; } .searchCaSi_active{ background:url(http://nhac.vui.vn/images/search_caSi_active.png) no-repeat ;width:91px;height:22px;padding-top:22px;color:#000000;} *html .searchCaSi_active { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_caSi_active.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_caSi_active.gif) no-repeat ; } .searchNhacSi{ background:url(http://nhac.vui.vn/images/search_nhacSi.png) no-repeat ;width:101px;height:18px;padding-top:26px;color:#ffffff;} *html .searchNhacSi { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_nhacSi.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_nhacSi.gif) no-repeat ; } .searchNhacSi_active{ background:url(http://nhac.vui.vn/images/search_nhacSi_active.png) no-repeat ;width:101px;height:22px;padding-top:22px;color:#000000;} *html .searchNhacSi_active { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_nhacSi_active.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_nhacSi_active.gif) no-repeat scroll 0 0 transparent; } .searchAlbum{ background:url(http://nhac.vui.vn/images/search_Album.png) no-repeat ;width:92px;height:18px;padding-top:26px;color:#ffffff;} *html .searchAlbum { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_Album.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_Album.gif) no-repeat ; } .searchAlbum_active{ background:url(http://nhac.vui.vn/images/search_Album_active.png) no-repeat ;width:92px;height:22px;padding-top:22px;color:#000000;} *html .searchAlbum_active { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_Album_active.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_Album_active.gif) no-repeat ; } .searchLoiBaiHat{ background:url(http://nhac.vui.vn/images/search_loiBaiHat.png) no-repeat ;width:118px;height:18px;padding-top:26px;color:#ffffff;} *html .searchLoiBaiHat { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_loiBaiHat.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(http://nhac.vui.vn/images/search_loiBaiHat.gif) no-repeat ; } .searchLoiBaiHat_active{ background:url(http://nhac.vui.vn/images/search_loiBaiHat_active.png) no-repeat ;width:118px;height:22px;padding-top:22px;color:#000000;} *html .searchLoiBaiHat_active { /*Fix cho IE6*/ background-image:none; /*FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search_loiBaiHat_active.png', sizingMethod='crop');/* chu y duong dan file anh la "images/" khong phai la "http://nhac.vui.vn/images" */ cursor:pointer; background:url(/images/search_loiBaiHat_active.gif) no-repeat ; } ul.listNhacColLeft{ margin:0px;padding:0px 0px 0px 8px;border-left:#dddddd solid 1px;} ul.listNhacColLeft li{ background:url(http://nhac.vui.vn/images/red-arrow.gif) no-repeat 0px 10px; padding-left:10px; padding-top:6px; display:block; list-style:none;} .cacTheLoaiNhacTitle a{padding:5px 3px 3px 8px; display:block; background-color:#fbc381;font-weight:bold; margin-top:2px;} .cacTheLoaiNhacTitle a:hover{background:#fbab4d} .cacTheLoaiNhac a{display:block; padding: 5px 3px 3px 25px; background:#ffffff url(http://nhac.vui.vn/images/icon_music.gif) no-repeat 9px 7px;} .cacTheLoaiNhac a:hover{background:#fce9d2 url(http://nhac.vui.vn/images/icon_music_hover.gif) no-repeat 9px 7px;} .cacTheLoaiNhacActive{color:#B50648;} .cacTheLoaicl a{display:block; padding: 5px 3px 3px 25px; background:#ffffff url(http://localhost/code/index_files/clip.gif) no-repeat 9px 7px;} .cacTheLoaicl a:hover{background:#fce9d2 url(http://localhost/code/index_files/clip.gif) no-repeat 9px 7px;}