@font-face {font-family: supermarket;src: url(supermarket.eot);}
@font-face {font-family: supermarket;src: url(supermarket.ttf) format('truetype');}

html, body{font:14px "supermarket";overflow-y: auto;padding: 3px 8px; color:#CCCCCC;}
.col{float:left;}
.clear{clear: both}
.w1{width:70%;}
.w2{width:30%;text-align: right}

.digrankline{padding: 0px 7px 0px 7px;border-bottom: 1px dotted #ccc;}

.rankn1{background-color: #352208;font-weight: bold; color:#FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rankn2{background-color: #5e3a06;font-weight: bold; color:#FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rankn3{background-color: #9e5d00;font-weight: bold; color:#FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

span.num{font-weight: normal;color: #CCCCCC;}

.rankheader1	{ font-size: 14px; font-weight: bold; color: #ccc;}
.rankheader2	{ font-size: 14px; font-weight: bold; color: #ccc;}
.rankname	{ font-size: 14px; font-weight: bold; text-align:left; color: #ccc;}
.rankpoint	{ font-size: 14px; font-weight: bold; text-align:center; color: #FF0000;}