/* 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: Times; font-size: 14px; color: #404040; font-size: 12px; background: #FFFFCC url(../image/interface/fade.jpg) repeat-x top center; }

strong { font-weight: bold; }
b { font-weight: bold; }
i { font-style: italic; }
p { font-size: 14px; line-height: 17px; margin-bottom: 6px; }

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

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 { color: #404040; border-bottom: 1px solid #d0d0d0; margin-top: 6px; margin-bottom: 4px; font-family: Times; font-size: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
h3 { color: #606060; border-bottom: 1px solid #e0e0e0; margin-top: 6px; margin-bottom: 4px; font-family: Times; font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
h4 { font-family: Times; font-size: 12px; font-weight: normal; color: #000000; text-transform: uppercase; border-bottom: 1px solid #bbbbbb; background: #dddddd 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-left: 3px; margin-right: 3px; padding: 2px; font-size: 12px; border: 1px solid #a0a0a0; background-color: #f0f0f0; }
input[type=image] { border: 0px; background-color: #ffffff; }
select { margin-left: 3px; margin-right: 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; list-style-position: inside; }
ul { list-style-type: circle; 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-family: Arial; font-size: 10px; margin-top: 2px; }

.playbutton {  display: block; width: 91px; height: 20px; text-decoration: none; background: url("../image/interface/PlayButton.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: 5px; font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 14px; color: #b0b0b0; }
.contentnavbar a { color: #ffffff; padding: 2 10 2 10; font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 14px; text-decoration: none; }
.contentnavbar a:visited { color: #ffffff; }
.contentnavbar a:hover { color: #000000; background: #ffff70; }
.contentnavbar a:hover:visited { color: #000000; background: #ffff70; }

.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 { font-family: Times; font-size: 14px; width: 622px; margin-left: 4px; margin-right: 4px; margin-top: 5px; padding: 0px; background: #FFFFFF; }
.contentside { width: 158px; margin-left: 0px; margin-top: 4px; margin-right: 0px; margin-bottom: 4px; padding: 0; border: 1px solid #bbbbbb; }

.gamebar { border-bottom: 3px solid #777777; }
.gameinfo { margin: 0px; padding: 1px; padding-bottom: 2px; }
.gameinfo a { color: #333333; }
.gameinfo a:visited { color: #333333; }
.gameinfo a:hover { color: #e00000; }
.gameinfo table { }
.gameinfo .category { font-size: 10px; }
.gameinfo .gamedate { font-size: 10px; color: #000000; }
.gameinfo .players { font-size: 10px; }
.gameinfo .development { font-size: 10px; }
.gameinfo .user { font-size: 10px; }
.gameinfo .developer { font-size: 10px; }
.gameinfo .license { font-size: 10px; }
.gameinfo .cost { font-size: 10px; }
.gametitle { padding-left: 5px; padding-top: 2px; margin: 0; color: #000000; background: #eFeFeF; letter-spacing: 1px; font-size: 14px; font-weight: normal; font-family: Times; text-transform: uppercase; }
.gamelinks { margin-top: 5px; border-top: 1px solid #a0a0a0; }
.gameextra { font-size: 11px; background: #f4f4f4; }
.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; }
.gamethumbnailportrait { width:100px; height:150px; position:relative; margin-top: 2px; margin-right: 3px; }
.gamethumbnailportrait .main { position:absolute; width:100px; height:150px; z-index:0; }
.gamethumbnailportrait .frame { position:absolute; width:100px; height:150px; z-index:1; }

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

.arrowlistmenu h3 { font-family: Times; font-size: 14px; font-weight: bold; color: #707070; text-transform: uppercase; letter-spacing: 1px; padding-left: 4px; padding-top: 1px; padding-bottom: 1px; margin-bottom: 2px; }
.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: #744a3a; 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 { color: #744a3a; 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 { color: #744a3a; 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.creditcards { color: #744a3a; background: url(../image/icon/CreditCards.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.play { color: #744a3a; background: url(../image/icon/Controller.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.toprated { color: #744a3a; 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 { color: #744a3a; background: url(../image/OS/WINDOWS-ICON.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.Macintosh { color: #744a3a; background: url(../image/OS/MACINTOSH-ICON.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.Linux { color: #744a3a; background: url(../image/OS/LINUX-ICON.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.UNIX { color: #744a3a; background: url(../image/OS/UNIX-ICON.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.Android { color: #744a3a; background: url(../image/OS/ANDROID-ICON.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.iPhone { color: #744a3a; background: url(../image/OS/IPHONE-ICON.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:visited{ color: #744a3a; }
.arrowlistmenu ul li a:hover{ color: #744a3a; background-color: #FFF200; }

.languagebar { text-align: right; margin-top: 8px; margin-right: 3px; }

.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-family: Arial; font-size: 11px; }
.othertopic ul li strong { color: #0078C2; font-weight: bold; margin-right: 6px; }
.othertopic ul li a { color: #666666; display: block; padding: 2px; text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; }
.othertopic ul li a:visited{ color: #666666; }
.othertopic ul li a:hover{ color: #666666; background-color: #FFFFA0; }

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

.data { background-color: #f9fafc; border: 1px solid #bbbbbb; padding: 2px; }
.data th { font-weight: bold; color: #404040; background-color: #ABD4EF; border-bottom: 1px solid #bbbbbb; margin: 0 0 0 0; padding: 0 2 0 2; }
.data td { margin: 0 0 0 0; padding: 2px; }
.odd { background-color: #f0f1f3; }
.even { background-color: #e2e4e5; }