/************************************************************************
 * ÆÄÀÏ¸í  : chart.css
 * ¼³¸í : íƮ css
 * °ü¸®ÀÚ : dalrae@ktmusic.co.kr
************************************************************************/
/* common */

.t_medal	{width:70px; padding:1px 0 0 15px; font:bold 11px µ¸¿ò; color:#F19A26; letter-spacing:-0.1em; background:url('http://image.dosirak.com/Images/Commons/ico_medal.gif') no-repeat 0 0}
.t_trophy	{width:70px; padding:2px 0 0 15px; font:bold 11px µ¸¿ò; color:#FF5A00; letter-spacing:-0.1em; background:url('http://image.dosirak.com/Images/Commons/ico_trophy.gif') no-repeat 0 0}

/* ÀαâÂ÷Æ® */
.rank	{width:45px; overflow:hidden}
.rank	span	{display:block; float:left; width:18px; font:bold 11px µ¸¿ò; color:#8E9F9C}
.rank	span.ru	{width:7px; margin-left:3px; padding-left:11px; color:#ed1c24; background:url('http://image.dosirak.com/Images/Commons/ico_rank_up.gif') no-repeat 0 center; font:bold 10px tahoma}
.rank	span.rd	{width:7px; margin-left:3px;  padding-left:11px; color:#2C8CC4; background:url('http://image.dosirak.com/Images/Commons/ico_rank_down.gif') no-repeat 0 center; font:bold 10px tahoma}
.rank	span.rs	{width:18px; margin-left:3px; background:url('http://image.dosirak.com/Images/Commons/ico_rank_same.gif') no-repeat center center}
.rank	span.ne	{width:22px; margin-left:3px; background:url('http://image.dosirak.com/Images/Commons/ico_new_add.gif') no-repeat center center;}

.record_list {position:relative;}

/* 1À§ ¸®½ºÆ® */
.sel_day	{width:175px;}
.sel_day	p	{float:left; margin-left:5px; display:inline}

.chart_btnL	{padding:8px 10px 6px 0; text-align:right; border-top:1px solid #E1E5E5}
.chart_btnL	img	{vertical-align:top}

.chart_list_wrap	{width:741px; margin:0 auto; overflow:hidden;}
.chart_list_wrap	.pageBG	{border-top:2px solid #e7e9e9;}
.chart_list	{border-bottom:1px solid #ACB3B2}
.chart_list	th	{height:30px; padding:0 5px; background:url('http://image.dosirak.com/Images/Commons/bg_board_th.gif') repeat-x; text-align:center; vertical-align:top;}
.chart_list	th	img	{margin-top:8px;}
.chart_list	td	{width:106px; height:178px; border-right:1px solid #EEF0F0; border-bottom:1px solid #EEF0F0; vertical-align:top; background:url('http://image.dosirak.com/Images/Chart/bg_tdline.gif') repeat-x 0 0}

.chart_list	td	.album_viewA	{width:105px; overflow:auto; overflow:hidden;}
.chart_list	td	.album_viewA	img	{vertical-align:top}
.chart_list	td	.album_viewA	.album_box	{width:103px; height:177px; margin-right:0px; padding:1px; border:0}
.chart_list	td	.album_viewA	.album_box	.dateA	{position:relative; height:16px; padding:4px 0 0 14px; font:bold 11px µ¸¿ò; color:#8E9F9C;}
.chart_list	td	.album_viewA	.album_box	.dateA	.t_medal	{position:absolute; left:30px; top:3px; display:block; padding:1px 0 0 10px; color:#F57111;}

.chart_list	td	.album_viewA	.album_box	.infoA	{padding:5px 0 0 17px;}
.chart_list	td	.album_viewA	.album_box	.infoA	.img	{position:relative; margin-top:3px;}
.chart_list	td	.album_viewA	.album_box	.infoA	.img	.flag	{position:absolute; left:0; top:0}
.chart_list	td	.album_viewA	.album_box	.infoA	.title	{width:68px; margin:7px 0 2px; font:bold 11px µ¸¿ò}
.chart_list	td	.album_viewA	.album_box	.btnA	{display:none; margin-top:3px; text-align:center}

.chart_list	td	.album_viewA	.album_box	.album_detail	{width:68px}
.chart_list	td	.album_viewA	.album_box	.album_detail	dd	{width:52px}
.chart_list	td	.album_viewA	.album_box	.album_detail	dd	.txtOver	{width:52px}

.chart_list	td	.album_viewA.on	.album_box	{width:103px; border:1px solid #9CAEAA; padding:0}
.chart_list	td	.album_viewA.on	.album_box	.btnA	{display:block;}

.chart_list	td.today	{height:176px; background:url('http://image.dosirak.com/Images/Chart/bg_tdline_today.gif') repeat-x 0 0}
.chart_list	td.today	.album_viewA	.album_box	.dateA	{color:#475D5D; padding:3px 0 0 14px;}
.chart_list	td.today	.album_viewA	.album_box	.infoA	.title	a,	
.chart_list	td.today	.album_viewA	.album_box	.infoA	.title	a:visited	{color:#475D5D}
.chart_list	td.today	.album_viewA	.album_box	.infoA	.title	a:hover	{color:#ed1c24}
.chart_list	td.today	.album_viewA	.album_box	.album_detail	dd	a,	
.chart_list	td.today	.album_viewA	.album_box	.album_detail	dd	a:visited	{color:#475D5D}
.chart_list	td.today	.album_viewA	.album_box	.album_detail	dd	a:hover	{color:#ed1c24}
.chart_list	td.today	.album_viewA	.album_box	{width:101px; height:175px; border:2px solid #FAA12D; padding:0}

.chart_list_ul	{width:745px; overflow:hidden;background:url('http://image.dosirak.com/Images/Commons/bg_ulline.gif') repeat-y;}
.chart_list_ul	.detail_list	{overflow:hidden; background:url('http://image.dosirak.com/Images/Commons/bg_titline.gif') repeat-x 0 0; border-bottom:0px;}
.chart_list_ul	.detail_list	li	{float:left; width:373px; height:auto; padding:14px 0;border-bottom:0;}
/** 090609 ÁøÁ¤Çå ¼öÁ¤ */
.chart_list_ul	.detail_list	li.noneList	{width:745px; height:20px; padding-top:15px;text-align:center;border-bottom:1px solid #e8ecec;}
/* 090609 ÁøÁ¤Çå ¼öÁ¤ **/
.chart_list_ul	.detail_list	li	.chk_date	{margin:0 0 10px 12px}
.chart_list_ul	.detail_list	li	.chk_date	img	{vertical-align:middle}
.chart_list_ul	.detail_list	li	.chk_date	span.day	{color:#A1B2AF; margin:0 6px; font:bold 11px µ¸¿ò}
.chart_list_ul	.detail_list	li	.title	{margin-top:10px;}
.chart_list_ul	.detail_list	li	.t_medal	{margin-top:6px; background-position:2px 0}
.chart_list_ul	.detail_list	li	.t_trophy	{margin-top:6px;}


.chart_date_wrap	{width:745px; overflow:hidden;}
.chart_date_wrap	.dateA	{float:left; margin-left:10px; padding:3px 0 0 30px; font-weight:bold; background:url('http://image.dosirak.com/Images/Chart/ico_chart_date.gif') no-repeat 0 0; display:inline}
.chart_date_wrap	.selectA	{float:right; width:162px; margin-right:13px; padding:2px; background:url('http://image.dosirak.com/Images/Chart/bg_selectA.gif') no-repeat 0 0; display:inline}

.board_list	tr.recmd_tr	td	{background:#F3F7F7}
.board_list	tr.recmd_tr		.title	a,
.board_list	tr.recmd_tr		.title	a:visited	{font-weight:bold; color:#617979}
.board_list	tr.recmd_tr		.title	a:hover		{font-weight:bold; color:#ed1c24}

.board_list	tr.recmd_tr		.artist	{font-weight:bold}


/* [0401] Top100 */
.timeSort_bar {position:relative; width:745px; height:42px; margin-bottom:10px; background:url('http://image.dosirak.com/Images/Chart/bg_timebar.gif') no-repeat 0 0; z-index:2;}
.timeSort_bar .current_time {padding:10px 0 0 11px;}
.timeSort_bar .current_time img {vertical-align:middle;}
.timeSort_bar .icons {position:absolute; top:5px; right:6px; font-size:0;}
.timeSort_bar .icons a {display:block; float:left; display:inline; overflow:hidden; text-indent:-999em; background-image:url('http://image.dosirak.com/Images/Chart/bg_timebar.gif'); background-repeat:no-repeat;}
.timeSort_bar .icons .month_view {float:left; margin-right:8px;}
.timeSort_bar .icons .month_view a {width:29px; height:33px; background-position:0 -100px;}
.timeSort_bar .icons .month_view a:hover {background-position:0 -140px;}
.timeSort_bar .icons .month_view a.on, .timeSort_bar .icons .month_view a.on:hover {background-position:0 -180px;}
.timeSort_bar .icons .during {float:left;}
.timeSort_bar .icons .during span {float:left; width:37px; height:33px; margin-left:1px;}
.timeSort_bar .icons .during a {display:block; width:37px; height:33px; background-image:url('http://image.dosirak.com/Images/Chart/bg_timebar.gif'); background-repeat:no-repeat;}
.timeSort_bar .icons .during .day a {background-position:-50px -100px;}
.timeSort_bar .icons .during .day a:hover {background-position:-50px -140px;}
.timeSort_bar .icons .during .day a.on, .timeSort_bar .icons .during .day a.on:hover {background:url('http://image.dosirak.com/Images/Chart/bg_timebar.gif') no-repeat -50px -180px;}
.timeSort_bar .icons .during .week a {background-position:-100px -100px;}
.timeSort_bar .icons .during .week a:hover {background-position:-100px -140px;}
.timeSort_bar .icons .during .week a.on, .timeSort_bar .icons .during .week a.on:hover {background:url('http://image.dosirak.com/Images/Chart/bg_timebar.gif') no-repeat -100px -180px;}
.timeSort_bar .icons .during .month a {background-position:-150px -100px;}
.timeSort_bar .icons .during .month a:hover {background-position:-150px -140px;}
.timeSort_bar .icons .during .month a.on, .timeSort_bar .icons .during .month a.on:hover {background:url('http://image.dosirak.com/Images/Chart/bg_timebar.gif') no-repeat -150px -180px;}
.timeSort_bar .icons .view_type {float:left; display:inline; margin:0 0 0 10px; background:url('http://image.dosirak.com/Images/Chart/bg_timebar.gif') no-repeat -369px -179px;}
.timeSort_bar .icons .view_type span {width:37px; height:32px;}
.timeSort_bar .icons .view_type a {width:37px; height:32px;}
.timeSort_bar .icons .view_type .list a {background-position:-200px -100px;}
.timeSort_bar .icons .view_type .list a:hover {background-position:-200px -140px;}
.timeSort_bar .icons .view_type .list a.on, .timeSort_bar .icons .view_type .list a.on:hover {background-position:-200px -180px;}
.timeSort_bar .icons .view_type .album a {background-position:-250px -100px;}
.timeSort_bar .icons .view_type .album a:hover {background-position:-250px -140px;}
.timeSort_bar .icons .view_type .album a.on, .timeSort_bar .icons .view_type .album a.on:hover {background-position:-250px -180px;}
.lastChart_view {position:absolute; top:10px; left:175px;}
.lastChart_view .divRight {float:left;}


/* [0409] Top 10 */
.top10_headline {width:745px; height:197px; padding:13px 0 0 0; margin:5px 0 20px; background:url('http://image.dosirak.com/Images/Chart/bg_top10.gif') no-repeat 0 0;}
.top10_headline .top2 {float:left; display:inline; width:244px; padding-top:5px;}
.top10_headline .top2 .box {position:relative; float:left; margin-left:42px; display:inline;}
.top10_headline .top2 .rank {
	position:absolute; top:-1px; left:-32px; width:32px; height:33px; text-indent:-999em; overflow:hidden;
	background-image:url('http://image.dosirak.com/Images/Chart/bg_real_ico.png'); background-repeat:no-repeat; _background-image:url('http://image.dosirak.com/Images/Chart/bg_real_ico.gif');
}
.top10_headline .top2 .rank.top1 {background-position:0 -300px;}
.top10_headline .top2 .rank.top2 {background-position:0 -400px;}
.top10_headline .top2 .song_info {width:225px; overflow:hidden; min-height:85px; _height:85px;}
.top10_headline .top2 .song_info .cover {float:left; width:68px; margin-right:13px; display:inline; padding:1px; border:1px solid #bec8c8; background-color:#fff;}
.top10_headline .top2 .song_info .cover img {display:block; width:68px; height:68px;}
.top10_headline .top2 .song_info .title,
.top10_headline .top2 .song_info .artist, 
.top10_headline .top2 .song_info .album {float:left; width:140px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.top10_headline .top2 .song_info .title {display:block; width:110px; margin:0 0 0 2px;}
.top10_headline .top2 .song_info .title a {color:#323c3c; font-weight:bold;}
.top10_headline .top2 .song_info .title a:hover {color:#ed1c24;}
.top10_headline .top2 .song_info .artist, 
.top10_headline .top2 .song_info .album {display:block; width:94px; padding-left:16px; margin-left:2px; line-height:16px; background-image:url('http://image.dosirak.com/Images/Commons/ico_info.gif'); background-repeat:no-repeat;}
.top10_headline .top2 .song_info .artist a:hover, .top10_headline .top2 .song_info .album a:hover {color:#1e2424;}
.top10_headline .top2 .song_info .artist {background-position:0 2px;}
.top10_headline .top2 .song_info .album {background-position:0 -98px;}
.top10_headline .top2 .up_rank {position:absolute; top:68px; left:89px; width:50px; height:22px; padding:20px 5px 0 0; font:bold 11px Tahoma; color:#fff; text-align:center; background:url('http://image.dosirak.com/Images/Chart/urgentRank.png') no-repeat 0 0; _behavior:url(/Commons/Jscript/iepngfix.htc);}
.top10_headline .top2 .func {float:left; margin:5px 0 0 0; width:100px; font-size:0;}
.top10_headline .top2 .func img {margin-right:5px;}
.top10_headline .clear {clear:both;}
.top10_headline .time_board {float:left; width:175px; padding-top:60px;}
.top10_headline .time_board .now {width:140px; margin:0 auto 8px; color:#6b7d7d; height:13px; line-height:13px;}
.top10_headline .time_board .now strong {display:inline-block; zoom:1; font:bold 12px/13px Tahoma; color:#515f5d; margin-right:6px;}
.top10_headline .time_board .clock {position:relative; width:142px; height:35px; margin:5px auto 7px;}
.top10_headline .clock .time {overflow:hidden;}
.top10_headline .clock span {display:block; float:left; overflow:hidden; text-indent:-999px; width:32px; height:35px; background-image:url('http://image.dosirak.com/Images/Chart/bg_timeAll.gif'); background-repeat:no-repeat;}
.top10_headline .clock span.sharp {text-indent:-999px; width:14px; background-position:50% 0;}
.top10_headline .clock span.t0 {background-position:0 0;}
.top10_headline .clock span.t1 {background-position:0 -40px;}
.top10_headline .clock span.t2 {background-position:0 -80px;}
.top10_headline .clock span.t3 {background-position:0 -120px;}
.top10_headline .clock span.t4 {background-position:0 -160px;}
.top10_headline .clock span.t5 {background-position:0 -200px;}
.top10_headline .clock span.t6 {background-position:0 -240px;}
.top10_headline .clock span.t7 {background-position:0 -280px;}
.top10_headline .clock span.t8 {background-position:0 -320px;}
.top10_headline .clock span.t9 {background-position:0 -360px;}
.top10_headline .viewNow_chart {width:140px; margin:15px auto 0;}
.top10_headline .viewNow_chart p {margin-bottom:8px;}
.top10_headline .viewNow_chart .btn {text-align:right;}
.top10_headline .list10 {position:relative; float:right; display:inline; margin-right:13px; width:271px; height:186px; background:url('http://image.dosirak.com/Images/Chart/bg_top10List.gif') no-repeat 0 0;}
.top10_headline .list10 li {clear:boht; width:230px; height:14px; font-size:0; padding:5px 0 3px; margin:1px 0 1px 34px; list-style:none; overflow:hidden;}
.top10_headline .list10 li * {vertical-align:middle;}
.top10_headline .list10 span.up {float:left; width:20px; color:#ed1c24; padding-left:10px; font:bold 9px/14px Tahoma; background:url('http://image.dosirak.com/Images/Chart/bg_listUpDown.gif') no-repeat 0 5px;}
.top10_headline .list10 span.down {float:left; width:20px; color:#019ecb; padding-left:10px; font:bold 9px/14px Tahoma; background:url('http://image.dosirak.com/Images/Chart/bg_listUpDown.gif') no-repeat 0 -45px;}
.top10_headline .list10 span.even {float:left; width:20px; height:14px; zoom:1; color:#019ecb; padding-left:10px; background:url('http://image.dosirak.com/Images/Chart/bg_listUpDown.gif') no-repeat 7px -95px;}
.top10_headline .list10 .title {float:left; width:118px; font:11px/14px dotum; overflow:hidden; float:left; margin-right:6px; display:inline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.top10_headline .list10 .title a {color:#616969;}
.top10_headline .list10 .title a:hover {color:#ed1c24;}
.top10_headline .list10 .artist {float:right; width:75px; font:11px/14px dotum; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.top10_headline .list10 .artist a {color:#8e9f9c;}
.top10_headline .list10 .artist a:hover {color:#1e2424;}


/* ÅǸ޴º */
.tabBox {position:relative; width:745px; height:38px; margin-bottom:10px;}
.tabBox span {display:block; position:absolute; top:7px; height:31px;}
.tabBox a {display:block; height:31px; overflow:hidden; text-indent:-999px;}

.tabBox.genre {background:url('http://image.dosirak.com/Images/Chart/bg_tabGenre.gif') no-repeat 0 0;}
.tabBox.genre span, .tabBox.genre a {width:111px;}
.tabBox.genre span a {background-image:url('http://image.dosirak.com/Images/Chart/bg_tabGenre.gif'); background-repeat:no-repeat;}
.tabBox.genre .kor {left:7px;}
.tabBox.genre .pop {left:131px;}
.tabBox.genre .ost {left:256px;}
.tabBox.genre .jpop {left:379px;}
.tabBox.genre .jazz {left:503px;}
.tabBox.genre .clasic {left:627px;}
.tabBox.genre .kor a {background-position:-7px -7px;}
.tabBox.genre .pop a {background-position:-131px -7px;}
.tabBox.genre .ost a {background-position:-256px -7px;}
.tabBox.genre .jpop a {background-position:-379px -7px;}
.tabBox.genre .jazz a {background-position:-503px -7px;}
.tabBox.genre .clasic a {background-position:-627px -7px;}
.tabBox.genre span.kor a:hover {background-position:-7px -73px;}
.tabBox.genre span.pop a:hover {background-position:-131px -73px;}
.tabBox.genre span.ost a:hover {background-position:-256px -73px;}
.tabBox.genre span.jpop a:hover {background-position:-379px -73px;}
.tabBox.genre span.jazz a:hover {background-position:-503px -73px;}
.tabBox.genre span.clasic a:hover {background-position:-627px -73px;}
.tabBox.genre span.kor a.on, .tabBox.genre span.kor a.on:hover {background-position:-7px -137px;}
.tabBox.genre span.pop a.on, .tabBox.genre span.pop a.on:hover {background-position:-131px -137px;}
.tabBox.genre span.ost a.on, .tabBox.genre span.ost a.on:hover {background-position:-255px -137px;}
.tabBox.genre span.jpop a.on, .tabBox.genre span.jpop a.on:hover {background-position:-379px -137px;}
.tabBox.genre span.jazz a.on, .tabBox.genre span.jazz a.on:hover {background-position:-503px -137px;}
.tabBox.genre span.clasic a.on, .tabBox.genre span.clasic a.on:hover {background-position:-627px -137px;}


/* ¿ÞÂʸ޴º */
.snbMenu {margin:0 0 0 18px;}
.snbMenu li {width:155px; margin-bottom:12px; line-height:0; font-size:0;}
.snbMenu li a {display:block; height:13px; overflow:hidden; text-indent:-999px;}

.snbMenu.chart a {background-image:url('http://image.dosirak.com/Images/Chart/bg_snbChart.gif'); background-repeat:no-repeat;}
.snbMenu.chart a.snb01 {background-position:0 0;}
.snbMenu.chart a.snb02 {background-position:0 -25px;}
.snbMenu.chart a.snb03 {background-position:0 -50px;}
.snbMenu.chart a.snb04 {background-position:0 -75px;}
.snbMenu.chart a.snb05 {background-position:0 -100px;}
.snbMenu.chart a.snb06 {background-position:0 -125px;}
.snbMenu.chart a.snb07 {background-position:0 -150px;}
.snbMenu.chart a.snb08 {background-position:0 -175px;}
.snbMenu.chart a.snb09 {background-position:0 -200px;}
.snbMenu.chart .on a.snb01, .snbMenu.chart a.snb01:hover {background-position:-200px 0;}
.snbMenu.chart .on a.snb02, .snbMenu.chart a.snb02:hover {background-position:-200px -25px;}
.snbMenu.chart .on a.snb03, .snbMenu.chart a.snb03:hover {background-position:-200px -50px;}
.snbMenu.chart .on a.snb04, .snbMenu.chart a.snb04:hover {background-position:-200px -75px;}
.snbMenu.chart .on a.snb05, .snbMenu.chart a.snb05:hover {background-position:-200px -100px;}
.snbMenu.chart .on a.snb06, .snbMenu.chart a.snb06:hover {background-position:-200px -125px;}
.snbMenu.chart .on a.snb07, .snbMenu.chart a.snb07:hover {background-position:-200px -150px;}
.snbMenu.chart .on a.snb08, .snbMenu.chart a.snb08:hover {background-position:-200px -175px;}
.snbMenu.chart .on a.snb09, .snbMenu.chart a.snb09:hover {background-position:-200px -200px;}

.now_RankingList {position:relative; margin:20px 0 0 10px; width:167px; height:253px; background:url('http://image.dosirak.com/Images/Chart/bg_nowRanking.gif') no-repeat 0 0;}
.now_RankingList strong {display:block; height:12px; padding:11px 0 7px 28px; font:bold 11px/12px dotum; color:#323c3c;}
.now_RankingList ol {margin:0 0 0 24px;}
.now_RankingList li {position:relative; width:130px; overflow:hidden; height:14px; *height:14px; padding:5px 0 3px; list-style:none; font:0/0 dotum;}
.now_RankingList li a {white-space:nowrap; color:#323c3c; position:absolute; font:normal 11px/14px dotum;}
.now_RankingList li a span {color:#8e9e9b;}
.now_RankingList li a:hover, .now_RankingList li a:hover span {color:#029897;}
.now_RankingList .more {position:absolute; top:8px; right:7px;}