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

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

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

a { text-decoration: none; color: #0091c6; }
a:hover { color: #333; }
a.btn-play { background: url(images/bg-btn-play.png) top; display: block; width: 50px; height: 50px; overflow: hidden; text-indent: -3000px; }
a.btn-play:hover { background-position: bottom; }

h2 { display: block; height: 28px; padding: 12px 10px 7px 10px; font-size: 14px; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; }
h3 { font-size: 11px; margin-bottom: 3px; }

#topheader { margin: auto; width: 968px; height: 21px; padding: 9px 11px 0px 11px; font-size: 10px; }

#root { margin: auto; width: 990px; background: #fff url(images/bg-root.gif) repeat-y; border-left: 1px solid #b0e1f1; border-right: 1px solid #b0e1f1; }

#topmenu { height: 70px; background: url(images/bg-topmenu.gif) no-repeat; padding: 22px 0px 10px 21px; }
#topmenu li { float: left; font-weight: bold; font-size: 10px; }
#topmenu li a { display: block; height: 19px; width: 111px; background: url(images/bg-topmenu-li.gif) top; margin-right: 11px; padding: 6px 5px 0px 10px; color: #7ca31b; margin-bottom: 10px; }
#topmenu li a:hover { background-position: bottom; color: #0091c6; }

.header { padding: 0px 11px 10px 11px; height: 110px; clear: both; }

.header-left { float: left; width: 210px; height: 100px; padding-top: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 7px; padding-bottom: 7px; }
.header-left a { display: block; height: 90px; width: 210px; background: url(images/bg-logo.gif) no-repeat; overflow: hidden; text-indent: -3000px; }
.header-left a:hover { background-position: bottom; }
.header-left-bot { float: left; width: 210px; height: 110px; border-bottom: 1px dotted #ccc; margin-bottom: 7px; padding-bottom: 7px; }

.header-right { float: right; width: 738px; height: 100px; background: url(images/bg-header-right.gif) no-repeat; padding: 10px 0px 7px 10px; border-bottom: 1px dotted #ccc; margin-bottom: 7px; }

#mainroot { padding: 0px 11px 0px 11px; clear: both; }

#mainroot-left { float: left; margin-right: 10px; width: 210px; }
#mainroot-left h2 { background: url(images/bg-h2-mainroot-left.gif) no-repeat; }
#mainmenu { background: url(images/bg-mainmenu.gif) top no-repeat; padding: 10px 10px 7px 10px; height: 260px; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; }
#mainmenu li a { display: block; height: 34px; margin-bottom: 12px; font-weight: bold; font-size: 13px; padding: 6px 10px 0px 10px; }
#mainmenu li a span { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; font-weight: normal; }
.left-box-fix { background: url(images/bg-leftbox-fix.gif) top no-repeat; padding: 10px 10px 17px 10px; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; height: 250px; }
.left-box-fix-in { background: #fff; height: 240px; padding: 10px 10px 0px 10px; }
.left-box-fix li { display: block; font-weight: bold; border-bottom: 1px dotted #ccc; padding: 2px 0px 5px 0px; margin-bottom: 3px; font-size: 10px; }
.left-box-fix li a { color: #94b72c; }
.left-box-fix li a:hover { color: #333; }

.left-ad { margin-bottom: 7px; border-bottom: 1px dotted #ccc; padding-bottom: 7px; }

#mainroot-center { float: left; width: 418px; }
#mainroot-center-big { float: right; width: 748px; }
#mainroot-center h2 { background: url(images/bg-h2-mainroot-center.gif) no-repeat; }
.listbox { background: url(images/bg-listbox.gif) top no-repeat; height: 60px; padding: 10px 10px 17px 10px; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; }
.listbox-left { float: left; height: 50px; padding: 5px 0px 0px 6px; width: 50px; margin-right: 17px; }
.listbox-center { float: left; width: 250px; padding-top: 6px; }
.listbox-right { float: right; width: 50px; height: 50px; padding: 5px 6px 0px 0px; }

.listbox-split { background: url(images/bg-listbox-split.gif) top no-repeat; height: 60px; padding: 10px 0px 17px 10px; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; }
.listbox-split li { float: left; height: 50px; margin-right: 10px; padding: 5px 6px 0px 6px; width: 182px; }
.listbox-split li span.imgbox { float: left; width: 50px; margin-right: 17px; }
.listbox-split li span.rating-box { display: block; }
.listbox-split li a { font-size: 10px; font-weight: bold; }
.listbox-split li a.listtitle { padding-top: 2px; display: block; height: 27px; }

#gbox-stat { height: 255px; background: url(images/bg-gbox-stat.gif) top no-repeat; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; padding: 15px 20px 7px 16px }
#gbox-stat-left { float: left; width: 50px; }
#gbox-stat-right { float: right; width: 315px; padding-top: 5px; }
#gbox-stat-right h3 { font-size: 14px; margin-bottom: 15px; border-bottom: 1px dotted #b4e1f0; padding-bottom: 4px; }
#gbox-stat-right-in { height: 190px; }
#gbox-stat-right-link a { display: block; background: url(images/bg-btn-play-big.gif) top; height: 40px; overflow: hidden; text-indent: -3000px; }

.gbox-title { background: url(images/bg-gbox-title.gif) top no-repeat; height: 45px; padding: 22px 20px 0px 20px; }
.gbox-title h2 { display: block; height: 45px; padding: 0px; font-size: 14px; margin: 0px;  border: none; }
.gbox-title h2 span { float: right; padding-left: 25px; padding-top: 2px; }
.gbox { background: url(images/bg-gbox.gif) repeat-y; padding: 10px 20px 10px 20px; }
.gbox-footer { background: url(images/bg-gbox-footer.gif) top no-repeat; height: 100px; padding: 15px 10px 4px 10px; margin-bottom: 5px;  border-bottom: 1px dotted #ccc; }
.gbox-info { background: url(images/bg-gbox-info.gif) top no-repeat; padding: 20px 20px 7px 20px; margin-bottom: 7px; border-bottom: 1px dotted #ccc; height: 88px; }
.gbox-meta { border-bottom: 1px dotted #d6eff7; padding: 0px 0px 2px 0px; margin-bottom: 3px; font-size: 10px; }

#mainroot-right { float: right; width: 320px; }
#mainroot-right h2 { background: url(images/bg-h2-mainroot-right.gif) no-repeat; }
.right-box-ad-small { background: url(images/bg-right-ad-small.gif) top no-repeat; padding: 13px 10px 19px 10px; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; height: 150px; }
.right-box-ad, .right-box-list { background: url(images/bg-right-ad.gif) top no-repeat; padding: 10px 10px 17px 10px; margin-bottom: 7px;  border-bottom: 1px dotted #ccc; height: 250px; }
.right-box-list-in { background: #fff; height: 240px; padding: 10px 10px 0px 10px; }
.right-box-list-in li { display: block; font-weight: bold; border-bottom: 1px dotted #ccc; padding: 2px 0px 5px 0px; margin-bottom: 3px; font-size: 10px; }
.right-box-list-in li span { float: right; padding-left: 10px; }

#root-footer { background: url(images/bg-root-footer.gif) bottom no-repeat; margin: auto; width: 750px; padding: 5px 0px 10px 242px; font-size: 10px; color: #666; }

#footer { margin-bottom: 30px; margin: auto; width: 750px; padding: 20px 0px 20px 242px; font-size: 10px; color: #338daa; line-height: 16px; background: url(images/bg-footer.gif) left no-repeat; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; color: #000; }

.clearall { clear: both; }
.rating-box { padding-top: 6px; }