﻿body { margin: 15px 20px 10px 20px; }
a:link { color: #0054a6; }
a:visited { color: #660099; }
a:active { color: #0000FF; }
body,td,th { font-size: smaller; font-family: Arial, Helvetica, sans-serif; color: #000000; }
td { background-repeat: no-repeat; }
H1,H2 { font-weight: normal; }
H1 { font-size: 160%; }
H2 { font-size: 140%; }
H3 { font-size: 120%; }
ul { margin: 0; padding: 0 1.5em; }
ul li { margin: 0.5em 0; }
form { margin: 0; }
table.page { width:100%; height:100%; border:0; }

/* Banner */
div.topbanner { margin:0 0 15px 0; text-align:center; width:100%; height:90px; }
div.centerbanner { margin:10px 0 10px 0; text-align:center; width:100%; height:90px; }
div.bottombanner { margin:10px 0 15px 0; text-align:center; width:100%; height:90px; }
div.textbanner { margin:10px 0 10px 10px; text-align:left; width:240px; }
div.verticalbanner { margin:10px 0 10px 10px; width:240px; height:400px; }

/* Content */
table.content { width:100%; border:0; }
table.content td { padding: 0.5em 0 1em 0; }

/* Menu */
table.content table.menu { width:100%; border:0; }
table.content table.menu td { padding:3px 6px 3px 0; font-size:90%; }
table.content table.menu span { font-size:85%; color:#777777; margin-left:5px; }

/* Friend */
table.content table.friend { width:100%; border:0; }
table.content table.friend td { padding:5px 10px 5px 0; }

/* Header */
table.header { width:100%; border:0; margin-bottom: 1.5em; }
table.header div.description { width:80%; }
table.header div.rss { margin:10px 0 0 10px; }
table.header div.rss img { margin-right:5px; }
table.header div.search { margin:0 0 0 10px; }
table.header #search { width:150px; }
table.header input.label { color: #a0a0a0; }
table.header input.submit { margin-left:2px; }
table.header div.counter { width:208px; text-align:center; color:#777777; }

/* Games */
table.gamelist { width:100%; border:0; }
table.gamelist td { text-align:center; width:20%; vertical-align:top; padding: 0.3em;  }
table.gamelist div.hit { color:#777777; font-size:85%; margin-top:0.1em; }
h1 span.count { font-size:70%; color:#777777; margin-left:20px; border-bottom:1px dotted #0054a6; }

/* Rating */
table.gamelist div.rating { width:95px; margin: 0.2em auto 0.1em auto; text-align:left; background: url(/images/rating_empty.gif) 0 0 repeat-x; }
table.gamelist div.rating div { height: 16px; text-align:left; background: url(/images/rating_full.gif) 0 0 repeat-x; }
table.rating { border:0; }
table.rating td { padding:0; }
div.statVal { padding-top:0.2em; }
.ui-rater { font-size:120%; }
.ui-rater>span { vertical-align:top; }
.ui-rater-rating { margin-left:0.5em; border-bottom:1px dotted #0054a6; }
.ui-rater-rateCount { border-bottom:1px dotted #0054a6; margin:0 0.1em 0 0.1em; }
.ui-rater-starsOff, .ui-rater-starsOn { display:inline-block; height:18px; background:url(/images/stars.png) repeat-x 0 0px; }
.ui-rater-starsOn { display:block; max-width:90px; top:0; background-position: 0 -36px; }
.ui-rater-starsHover { background-position: 0 -18px!important; }

/* Table */
table.table { border:0; }
table.table td { padding: 0.2em 1em 0.2em 0; border-bottom:1px solid #cccccc; }

/* Pager */
table.content table.pager { margin:10px 0 20px 30px; border:0; }
table.content table.pager td { padding:0.5em 0 0.5em 0; }
table.content table.pager span.leftarrow { padding-right:0.7em; }
table.content table.pager span.rightarrow { padding-left:0.7em; }
table.content table.pager span.active { padding:0.1em 0.4em 0.1em 0.4em; border:1px solid #dddddd; background-color:#f5f5f5; font-weight:bold; }
table.content table.pager span.inactive { padding:0.1em 0.4em 0.1em 0.4em; font-weight:bold; }

/* Footer */
table.footer { padding: 0.5em 0 0 0; width: 100%; border-top: 1px solid #c5c5c5; margin-top: 1.5em; }
table.footer td { color: #777777; }
table.footer td div.links { padding: 0 0 0.4em 0; }
table.footer td span { padding-right: 1.5em; }