@charset "utf-8";
/* CSS Document */

body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #333; line-height: 16px; }
body { margin: 0px; padding: 0px 0px 30px 0px; background: #d0d0d0 url(images/bg-body.gif) top repeat-x; }

h1,h2,h3,p,ul,form { padding: 0px; margin: 0px; }
ul { list-style: none; }
td { vertical-align: top; }
small { font-size: 10px; }

a { text-decoration: none; color: #799a05; }
a:hover { color: #333; }
a.alink-img { display: block; width: 165px; height: 90px; padding: 5px; border: 1px solid #ccc; }
a.alink-img-small { display: block; width: 90px; height: 60px; padding: 5px; border: 1px solid #ccc; }
a.alink-img-feat { display: block; width: 220px; height: 150px; padding: 5px; border: 1px solid #ccc; }
a.alink-img-feat:hover, a.alink-img:hover, a.alink-img-small:hover { background: #9bc118; }
a.btn-play { display: block; width: 100px; height: 25px; background: url(images/bg-btn-play.gif) top no-repeat; overflow: hidden; text-indent: -3000px; }
a.btn-play:hover { background-position: bottom; }

h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; display: block; padding: 10px 10px 0px 15px; height: 25px; margin-bottom: 10px; }
h3 { padding-bottom: 4px; padding-top: 3px; border-bottom: 1px solid #e7eade; margin-bottom: 10px; }

#topheader { margin: auto; width: 948px; height: 23px; padding: 7px 15px 0px 15px; }

#header { margin: auto; width: 978px; height: 205px; padding: 45px 0px 0px 0px; background: url(images/bg-header.jpg) top right no-repeat; }
#headerlogo { height: 100px; margin-bottom: 35px; }
#headerlogo a { display: block; width: 390px; height: 100px; background: url(images/bg-logo.gif) top no-repeat; overflow: hidden; text-indent: -3000px; }
#headerlogo a:hover { background-position: bottom; }

#topmenu { height: 70px; }
#topmenu li { float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }
#topmenu li a { display: block; height: 25px; width: 125px; background: url(images/bg-li-topmenu.gif) bottom no-repeat; margin-right: 15px; color: #fff; padding: 45px 10px 0px 15px; }
#topmenu li a:hover, #topmenu li a.activelink { background-position: top; padding-top: 35px; height: 35px; }

#topad { margin: auto; width: 978px; height: 125px; padding: 35px 0px 0px 0px; background: url(images/bg-topad.gif) no-repeat; }
#topad-left { float: left; width: 110px; margin-right: 15px; height: 90px; }
#topad-center { float: left; width: 728px; height: 90px; }
#topad-right { float: right; width: 110px; height: 90px; }

#root { margin: auto; width: 978px; background: #fff url(images/bg-root.gif) bottom no-repeat; padding-bottom: 20px; }

#root-left { float: left; margin-right: 15px; width: 150px; }
#root-left h2 { background: url(images/bg-h2-left.gif) no-repeat; }

.leftbox { background: url(images/bg-leftbox.gif) repeat-y; margin-bottom: 10px; }
.leftbox-in { background: url(images/bg-leftbox-in.gif) top no-repeat; padding: 10px 0px 0px 15px; }
.leftbox-bot { background: url(images/bg-leftbox-bot.gif) bottom no-repeat; height: 15px; }
.leftbox li a { display: block; border-bottom: 1px solid #ddd; padding: 3px 15px 2px 0px; }

#root-center { float: left; width: 468px; }
#root-center h2 { background: url(images/bg-h2-center.gif) no-repeat; }

#root-centerfull { float: left; width: 798px; }
#root-centerfull h2 { background: url(images/bg-h2-centerfull.gif) no-repeat; }

.centerboxfull { background: url(images/bg-centerboxfull.gif) top no-repeat; padding: 35px 0px 0px 0px; margin-bottom: 10px; }
.centerboxfull-in { border-left: 1px solid #e7eade; border-right: 1px solid #e7eade; border-bottom: 1px solid #e7eade; background: url(images/bg-centerbox-in.gif) bottom repeat-x; padding: 0px 34px 35px 34px }
.centerbox { background: url(images/bg-centerbox.gif) top no-repeat; padding: 15px 0px 0px 0px; margin-bottom: 10px; }
.centerbox-in { border-left: 1px solid #e7eade; border-right: 1px solid #e7eade; border-bottom: 1px solid #e7eade; background: url(images/bg-centerbox-in.gif) bottom repeat-x; padding: 0px 15px 20px 15px }
.meta-star { margin-bottom: 10px; }
.thelist-pad { padding-right: 20px; }

.ad-center-box { background: url(images/bg-ad-center.gif) no-repeat; padding: 15px 0px 15px 0px; margin-bottom: 10px; }

.split-tab { margin-bottom: 15px; }
.split-meta { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 4px 20px 2px 8px; line-height: 13px; margin-bottom: 8px; font-weight: bold; height: 35px; }
.split-meta a { text-decoration: underline; }
.split-game-list { display: block; padding: 5px; border: 1px solid #efefef; background: url(images/bg-centerbox.gif) center top no-repeat; }
.split-game-list li { margin-bottom: 5px; padding-left: 2px; }
.split-game-list li a { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 2px 3px 2px 20px; border-bottom: 1px solid #e7eade; background: url(images/arrow1.gif) top left no-repeat; }

#game-container { margin-bottom: 15px; text-align: center; }
#star-rate-box { height: 25px; }
#star-rate-box li { float: left; }
#star-rate-box li a.star-rate-inactive { display: block; width: 15px; height: 25px; background: url(images/star.gif) bottom no-repeat; overflow: hidden; text-indent: -3000px; margin-right: 3px; }
#star-rate-box li a.star-rate-active { display: block; width: 15px; height: 25px; background: url(images/star.gif) top no-repeat; overflow: hidden; text-indent: -3000px; margin-right: 3px; }
#star-rate-box li a:hover { background-position: top; }

#root-right { float: right; width: 330px; }
#root-right h2 { background: url(images/bg-h2-right.gif) no-repeat; }

.ad-right-box { background: url(images/bg-ad-right.gif) no-repeat; margin-bottom: 10px; padding: 15px; }
.rightbox { margin-bottom: 10px; background: url(images/bg-rightbox.gif) repeat-y; }
.rightbox-in { background: url(images/bg-rightbox-in.gif) top no-repeat; padding: 15px 15px 0px 15px; }
.rightbox-bot { background: url(images/bg-rightbox-bot.gif) bottom no-repeat; height: 15px; }
.rightbox li a { display: block; border-bottom: 1px solid #ddd; padding: 3px 15px 2px 0px; }

.rightboxspec { background: url(images/bg-rightboxspec.gif) top no-repeat #fff; padding: 15px 0px 0px 0px; }
.rightboxspec-in { border-left: 1px solid #e7eade; border-right: 1px solid #e7eade; border-bottom: 1px solid #e7eade; background: url(images/bg-centerbox-in.gif) bottom repeat-x; padding: 0px 15px 20px 15px }
.rightboxspec-in li.rate-5 a { background: url(images/rate_5.gif) center right no-repeat; margin-bottom: 8px; padding-right: 110px; }
.rightboxspec-in li.rate-6 a { background: url(images/rate_6.gif) center right no-repeat; margin-bottom: 8px; padding-right: 110px; }
.rightboxspec-in li.rate-7 a { background: url(images/rate_7.gif) center right no-repeat; margin-bottom: 8px; padding-right: 110px; }
.rightboxspec-in li.rate-8 a { background: url(images/rate_8.gif) center right no-repeat; margin-bottom: 8px; padding-right: 110px; }
.rightboxspec-in li.rate-9 a { background: url(images/rate_9.gif) center right no-repeat; margin-bottom: 8px; padding-right: 110px; }
.rightboxspec-in li.rate-0 a { background: url(images/rate_0.gif) center right no-repeat; margin-bottom: 8px; padding-right: 110px; }

#footer { margin: auto; background: #363636 url(images/bg-footer.gif) top repeat-x; width: 948px; color: #666; }
#footer-bot { background: url(images/bg-footer-bot.gif) bottom no-repeat; padding: 15px; }
#footer a:hover { color: #fff; }

.clearall { clear: both; }
.btn-play-div { padding: 15px 0px 5px 0px; }
.topnav { padding: 10px 10px 0px 15px; height: 27px; }
.rank-number { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }
.span-borderdown { margin-bottom: 10px; border-bottom: 1px solid #e7eade; font-size: 10px; color: #999; }
.borderbottom { border-bottom: 1px solid #e7eade; margin-bottom: 5px; padding-bottom: 3px; }

a.speclink { color: #ff7800; }
a.speclink:hover { color: #333; }

#rank-tab { height: 23px; padding: 0px 0px 0px 7px; }
#rank-tab li { float: left; font-size: 10px; font-weight: bold; margin: 0px 2px 0px 2px; }
#rank-tab li a { display: block; height: 18px; width: 60px; background: url(images/bg-rank-tab.gif) top; padding: 5px 0px 0px 7px; border: none; color: #947901; }
#rank-tab li a.rank-li-active { background-position: bottom; color: #1e1e1e; }
#rank-tab li a:hover { background-position: bottom; color: #1e1e1e; }