@import url(base.css);
@import url(awards.css);

/*reset*/
.rank_list th{	
	background:edd391 url('http://image.melon.co.kr/svc/images/awards/vote/bar_list2.gif') no-repeat right bottom;
	height:27px;
}

.cot-wrap{background:url(http://image.melon.co.kr/svc/images/awards/vote/cont_bg.gif) no-repeat;padding-top:30px;}

/* mobile */
form.mobile{background:url(http://image.melon.co.kr/svc/images/awards/vote/bg_mobile.gif) no-repeat;padding-top:21px;padding-left:177px;height:97px;margin-bottom:15px;}
form.mobile select{width:90px;vertical-align:middle;margin-right:4px;}
form.mobile input{border:1px solid #dcdcdc;width:78px;height:20px;vertical-align:middle;padding:3px 0 0 3px}
form.mobile input.field{width:87px; height:31px;border:0;margin-left:20px;}

.star_img{width:120px;text-align:center;margin:15px 0 10px 5px;color:#9a88ab;}
.star_img img{border:1px solid #585858;width:91px;height:83px;}


/* online vote */
.online-vote{background:url(http://image.melon.co.kr/svc/images/awards/vote/online_vote_bg.gif) no-repeat;padding-top:28px;padding-bottom:20px;width:712px;margin-left:-1px;margin-right:-1px;position:relative;}
.online-vote ul{}
.online-vote li{float:left;padding:1px;position:relative;}
.online-vote li span{width:170px;height:22px;position:absolute;top:29px;left:3px;}
.online-vote li span.edit{background:url(http://image.melon.co.kr/svc/images/awards/vote/select_on.gif) no-repeat;padding-top:5px;padding-right:5px;text-align:right;line-height:140%;}
.online-vote li span.edit strong{color:#87775d;font-size:8pt;letter-spacing:-0.05em;padding-left:7px;font-weight:bold;float:left;}
.online-vote li span.select{background:url(http://image.melon.co.kr/svc/images/awards/vote/select_off.gif) no-repeat;}
.online-vote li img{vertical-align:middle;}

/* real vote */
.real-vote{background:url(http://image.melon.co.kr/svc/images/awards/vote/online_vote_bg.gif) no-repeat;padding-top:28px;padding-bottom:20px;}
.real-top{background:url(http://image.melon.co.kr/svc/images/awards/vote/bg_real.gif) no-repeat;width:710px;height:207px;margin-bottom:20px;}
.real-top dl{width:490px;font-size:8px;margin:0 0 1px 0;padding:0;}
.real-top dt{float:left;}
.real-top dt img{vertical-align:top;}
.real-top dd{color:#857e72;background:url(http://image.melon.co.kr/svc/images/awards/vote/real_bar_off.gif) no-repeat;margin-left:152px;text-align:right;padding-right:13px;padding-top:4px;padding-bottom:1px;}
.real-top dd span{font-size:8pt;}
.real-top dd span.artname{padding-left:13px;float:left;}
.real-top dd span strong{color:#f25804;font-weight:normal;}

.real-top dl.on dd{background:url(http://image.melon.co.kr/svc/images/awards/vote/real_bar_on.gif) no-repeat;}
.real-top dl.on dd span.artname{font-weight:bold;}
.real-top dl.on dd span strong{color:#f25804;font-weight:bold;}

.real-top .info{ width:141px;}
.real-top .info .img{padding:4px;position:relative;}
.real-top .info .img .medal{background:url(http://image.melon.co.kr/svc/images/awards/vote/img_medal.gif) no-repeat;width:41px;height:51px;position:absolute;top:-15px;left:115px}
.real-top .info .vote{text-align:center;}
.real-top .info .vote strong{font-family:Verdana;font-size:18px;font-weight:bold;color:#f25804;line-height:160%;}
.real-top .info .vote span{display:block;color:#bb7441;}

.real-top .td_m1{padding:10px 0 0 21px;}
.real-top .td_m2{padding:14px 0 0 40px}

.real-vote .tab{background:none;padding:0;}
.real-vote .tab li{padding:0 1px 1px 0}

.tab{background:url(http://image.melon.co.kr/svc/images/awards/vote/online_vote_bg.gif) no-repeat;padding-top:28px;padding-bottom:20px;width:712px;margin-left:-1px;margin-right:-1px;position:relative;}
.tab ul{}
.tab li{float:left;padding:1px;position:relative;}
.tab li img{vertical-align:middle;}

h3{margin:0;padding:0 0 8px 0;}

.thum-list{border-bottom:1px solid #ae946c;overflow:hidden;width:100%;}
.thum-list li{border-bottom:1px solid #ebe1b4;}
.thum-list th{	
	background:edd391 url('http://image.melon.co.kr/svc/images/awards/vote/bar_list2.gif') no-repeat right center;
	height:26px;
	color:#6f604a;padding-top:4px;
	font-size:8pt;
}

.mleft{margin-left:20px;}



.type1{width:345px;border-bottom:1px solid #ebe1b4;margin-top:10px;}
.type1 td{padding-bottom:10px;}
.type1 .choice{width:25px;padding:0 0 0 10px;}
.type1 .thum{background:url(http://image.melon.co.kr/svc/images/awards/vote/thum_bg1.gif) no-repeat;width:73px;height:62px;padding-right:5px;}
.type1 .thum img{width:65px;height:54px;margin:2px 3px 3px 2px;}
.type1 .artist{color:#bb7441;font-weight:bold;line-height:140%;}
.type1 .album{color:#857e72;}
.type1 span{display:block;}

.type2{float:left;display:inline;margin:10px 10px;width:124px}
.type2 dt{background:url(http://image.melon.co.kr/svc/images/awards/vote/thum_bg2.gif) no-repeat;width:114px;height:92px;}
.type2 dt img{width:108px;height:88px;margin:2px 3px 3px 2px;}
.type2 dd.artist{color:#bb7441;font-weight:bold;}

.bdnone{border-bottom:none;}
.thum-list .last{margin-right:0;}

.smart .type1{width:224px;}

.btnArea{text-align:center;margin-top:15px;}


.rightBtn {text-align:right;}


.rank_list .num {width:40px;text-align:center;font-weight:bold;font-size:8pt;}
.rank_list .type1 {border-bottom:1px solid #fff;margin-top:0}
.rank_list .type1 .thum{padding:0;}



.btngr {height:1%;margin-top:10px;}
.btngr .left {float:left;}
.btngr .right {float:right;}

