/* CSS Reset */
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; }
body { line-height: 1; color: black; background: white; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
:focus { outline: 0; }

/* Actual CSS */
body { font-family: Arial; color: #404040; font-size: 12px; background: #eeeeee url(../image/interface/fade.jpg) repeat-x top center; }

strong { font-weight: bold; }
b { font-weight: bold; }
i { font-style: italic; }
p { line-height: 17px; margin-top: 6px; color: #404040; margin-bottom: 6px; font-size: 14px; font-family: Times; }

.hr { border-bottom: 3px solid #d0d0d0; }

a { color: #0078C2; }
a:visited { color: #004488; }
a:hover { color: #D91312; }

a[href^="mailto:"] { display:inline-block; padding-left:20px; line-height:15px; background:transparent url(../image/icon/MailTo.gif) center left no-repeat; }
a[href$='.pdf'] { display:inline-block; padding-left:20px; line-height:15px; background:transparent url(../image/icon/PDFIcon.gif) center left no-repeat; }
a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] { display:inline-block; padding-left:20px; line-height:15px; background:transparent url(../image/icon/FlashIcon.gif) center left no-repeat; }
a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] { display:inline-block; padding-left:20px; line-height:15px; background:transparent url(../image/icon/ExcelIcon.gif) center left no-repeat; }
a[href$='.ppt'], a[href$='.pps'] { display:inline-block; padding-left:20px; line-height:15px; background:transparent url(../image/icon/PowerPointIcon.gif) center left no-repeat; }
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] { display:inline-block; padding-left:20px; line-height:15px; background:transparent url(../image/icon/WordDocIcon.gif) center left no-repeat; }
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] { display:inline-block; padding-left:20px; line-height:15px; background:transparent url(../image/icon/ZIPIcon.gif) center left no-repeat; }

h1 { font-family: Times; font-size: 11px; font-weight: normal; color: #000000; text-transform: uppercase; letter-spacing: 1px; }
h2 { font-family: Times; font-weight: normal; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid #d0d0d0; margin-top: 6px; color: #404040; }
h3 { font-family: Arial; font-size: 12px; font-weight: normal; color: #606060; text-transform: uppercase; letter-spacing: 1px; padding-left: 4px; padding-top: 1px; padding-bottom: 1px; margin-bottom: 2px; background: #FEF94B;  border: 1px solid #e7e7e7;}
h4 { font-family: Times; font-size: 12px; font-weight: normal; color: #000000; text-transform: uppercase; border-bottom: 1px solid #bbbbbb; background: #f0f0f0 url(../image/interface/stripes-white.gif) no-repeat center right; letter-spacing: 1px; padding-left: 4px; padding-top: 1px; padding-bottom: 1px;}


form { display: inline; }
input { margin: 3px; padding: 2px; font-size: 12px; border: 1px solid #a0a0a0; background-color: #f0f0f0; }
select { margin: 3px; padding: 2px; font-size: 12px; border: 1px solid #a0a0a0; background-color: #e0e0e0; }
button { margin-left: 2px; }
textarea { display: block; margin: 3px; padding: 2px; font-size: 12px; border: 1px solid #a0a0a0; background-color: #f0f0f0; font-family: Arial; }
.checkbox, .radio { border: 0px; background: transparent; margin-top: 1px; }
.required { color: #e00000; }

ol { list-style-type: lower-roman; font-size: 12px; list-style-position: inside; }
ul { list-style-type: circle; font-size: 12px; list-style-position: inside; }

code { border: 1px dotted #999999; background-color: #eeeeee; font-family: Times; font-size: 11px; display: block; }

.quote { padding: 3px; margin: 10px; font-size: 12px; border: 1px solid #e0e0e0; background-color: #f0f0f0; }
.code { padding: 3px; margin: 10px; font-family: serif; font-size: 12px; border: 1px dashed #b0b0b0; background-color: #f0f0f0; }
.smallscript { font-size: 9px; margin-left: 8px; }
.subtext { font-size: 10px; margin-top: 2px; }

.playbutton {  display: block; width: 91px; height: 20px; text-decoration: none; background: url("../image/interface/YellowPlayButton.gif") no-repeat 0 0; }
.playbutton:hover { background-position: 0 -20px; }
.playbutton span { text-transform: uppercase; font-weight: bold; padding-left: 5px; color: #606060; line-height: 19px; }

.alert { background: #fff6bf url(../image/interface/message-alert.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 2px solid #ffd324; }
.error { background: #F6CBCA url(../image/interface/message-error.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 2px solid #CB2026; }
.success { background: #BFE5FF url(../image/interface/message-success.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border: 2px solid #24B2FF; }

.navigation { padding-top: 2px; padding-bottom: 2px; }

.content { background-color: #ffffff; }

.contentheader { background-image: url(../image/interface/banner.jpg); }
.contentnavbar { padding: 5; font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 14px; color: #b0b0b0; }
.contentnavbar a { color: #ffffff; padding: 4 6 4 6; font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 14px; text-decoration: none; }
.contentnavbar a:visited { color: #ffffff; }
.contentnavbar a:hover { color: #FFFF00; background: #404040; }
.contentnavbar a:hover:visited { color: #FFFF00; background: #404040; }

.contenttitle a { text-decoration: none; color: #0000b0; }
.contenttitle a:hover { text-decoration: underline; }

.contentmenu { padding-left: 2px; padding-right: 3px; padding-top: 4px; background: #ffffff url(../image/interface/menubg.jpg) no-repeat top right; }
.contentfull { background: #ffffff url(../image/interface/shade.jpg) repeat-x top left; }
.contentmain { width: 622px; margin-left: 4px; margin-right: 4px; margin-top: 2px; padding: 0px; background: #FFFFFF; }

.gamebar { border-bottom: 3px solid #d0d0d0; }
.gameinfo { margin: 0px; padding: 1px; }
.gameinfo a { color: #333333; }
.gameinfo a:visited { color: #333333; }
.gameinfo a:hover { color: #e00000; }
.gameinfo table { }
.gameinfo .category { font-size: 10px; color: #a0a0a0; }
.gameinfo .gamedate { font-size: 10px; color: #a0a0a0; }
.gameinfo .players { font-size: 10px; color: #a0a0a0; }
.gameinfo .development { font-size: 10px; color: #a0a0a0; }
.gameinfo .user a { font-size: 10px; color: #a0a0a0; }
.gameinfo .developer a { font-size: 10px; color: #a0a0a0; }
.gameinfo .license { font-size: 10px; color: #a0a0a0; }
.gameinfo .cost { font-size: 10px; color: #a0a0a0; }
.gametitle { padding-bottom: 2px; margin: 0; color: #707070; letter-spacing: 1px; font-weight: bold; font-size: 18px; font-family: Times; text-transform: uppercase; }
.gametitle a { text-decoration: none; color: #404040; text-transform: uppercase;  }
.gametitle a:visited { color: #404040; }
.gametitle a:hover { color: #D91312; }
.gametitle a:hover:visited { color: #D91312; }
.gamelinks { margin-top: 5px; }
.gameextra { font-family: Times; font-size: 14px; }
.gamethumbnail { width:120px; height:100px; position:relative; margin-top: 2px; margin-right: 3px; }
.gamethumbnail .main { position:absolute; width:120px; height:100px; z-index:0; }
.gamethumbnail .frame { position:absolute; width:120px; height:100px; z-index:1; }

.userinfo { font-family: Times; font-size: 14px; }

.rr01 { background: url(../image/interface/roundbox01.gif) no-repeat; font-size: 1px; }
.rr02 { background: url(../image/interface/roundbox02.gif) repeat-x; font-size: 1px;  }
.rr03 { background: url(../image/interface/roundbox03.gif) no-repeat; font-size: 1px;  }
.rr04 { background: url(../image/interface/roundbox04.gif) repeat-y; }
.rr05 { background: url(../image/interface/roundbox05.gif) repeat-y; }
.rr06 { background: url(../image/interface/roundbox06.gif) no-repeat; font-size: 1px; }
.rr07 { background: url(../image/interface/roundbox07.gif) repeat-x; font-size: 1px; }
.rr08 { background: url(../image/interface/roundbox08.gif) no-repeat; font-size: 1px; }

.footer { margin-top: 20px; text-align: center; }
.footermenu { padding-bottom: 5px; padding-top: 5px; font-size: 11px; border-top: 1px solid #777777; border-bottom: 1px solid #777777; background-color: #f8f8f8; letter-spacing: 3px; }
.copyright { margin-top: 10px; margin-bottom: 10px; font-size: 10px;}
.copyright a { text-decoration: none; color: #404040; }
.copyright a:hover { text-decoration: underline; }

.arrowlistmenu ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; margin-bottom: 8px; }
.arrowlistmenu ul li { padding-bottom: 2px; font-family: Arial; font-size: 13px; }
.arrowlistmenu ul li a { color: #413E2E; background: url(../image/interface/arrowbullet.png) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a.arrowlistmenusearch { background: url(../image/interface/search.gif) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a.arrowlistmenurss { background: url(../image/icon/RSS.gif) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a.toprated { background: url(../image/interface/award.png) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a.Windows { background: url(../image/OS/WINDOWS-ICON.png) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a.Macintosh { background: url(../image/OS/MACINTOSH-ICON.png) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a.Linux { background: url(../image/OS/LINUX-ICON.png) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a.UNIX { background: url(../image/OS/UNIX-ICON.png) no-repeat center left; display: block; padding: 2px; padding-left: 17px; text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; }
.arrowlistmenu ul li a:visited{ color: #413E2E; }
.arrowlistmenu ul li a:hover{ background-color: #FFF200; }
.arrowlistmenu ul li a:hover:visited{ background-color: #FFF200; }

.languagebar { text-align: right; margin-left: 4px; margin-top: 8px; margin-right: 4px; margin-bottom: 0px; }

.rankingtopgames ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; margin-top: 2px; margin-bottom: 4px; }
.rankingtopgames ul li { padding-bottom: 2px; font-weight: bold; background-color: #FFFFFF; font-size: 11px; }
.rankingtopgames ul li strong { color: #000000; margin-right: 6px; }
.rankingtopgames ul li a { color: #d00000; display: block; padding: 2px; padding-left: 7px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; }
.rankingtopgames ul li a:visited{ color: #d00000; }
.rankingtopgames ul li a:hover{ color: #d00000; background-color: #FFFFA0; }

.othertopic ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; margin-top: 2px; margin-bottom: 4px; }
.othertopic ul li { padding-bottom: 2px; background-color: #FFFFFF; font-size: 11px; }
.othertopic ul li strong { color: #000000; font-weight: bold; margin-right: 6px; }
.othertopic ul li a { color: #413E2E; display: block; padding: 2px; text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; }
.othertopic ul li a:visited{ color: #413E2E; }
.othertopic ul li a:hover{ color: #413E2E; background-color: #FFFFA0; }

.aboutus a { color: #333333; }
.aboutus a:hover { color: #333333; }
.aboutus a:visited { color: #333333; }