/* 
  MobyGames Copyright (c) 1999-2010 All rights reserved. Do not duplicate 
  or redistribute in any form 
*/
body { background-color: #1673c0; }
body, table, tr, td, th { font-size: 12px; color: #252525; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
div.developer-shot-thumbnail a.thumbnail { height: 128px; }
div.developer-shot-thumbnail a.thumbnail img { position: relative; top: 50%; transform: translateY(-50%); }
.hideme { visibility: hidden; }
#moby-main-menu { list-style: none; padding: 0; margin: 0; margin-top: 3px; }
#moby-main-menu>li { float: left; position: relative; display: block; }
#moby-main-menu>li>a { position: relative; display: block; padding: 2px; font-size: 1em; color: #cbeaff; margin-right: 6px; }
#moby-main-menu>li>a:hover,#moby-main-menu>li>a:active { text-decoration: none; color: #fff; }
.navbar-default #moby-main-menu>li>a:hover, .navbar-default #moby-main-menu>li>a:focus { color: #eee; }
#moby-main-menu .divider-vertical { height: 15px; margin-top: 5px; margin-right: 4px; border-right: 1px solid #028eea; border-left: 1px solid #0062a3; }
#wrapper { background-color: #eee; }
#main { min-height: 550px; background-color: #f8f8f8; padding-top: 10px; padding-bottom: 30px; }
.moby-headliner { background: #b2ffa8; color: #13a800; }
.moby-headliner-text { margin: 0; padding: 10px; }
.social { font-size: 1px; }
.social .social-holder { margin-top: 15px; }
.social > iframe { vertical-align: middle; }
.social .facebook, .social .google { display: inline-block; }
.facebook { margin-left: 5px; }
.moby-avatar { text-align: center; background: #eee; width: 80px; height: 80px; }
.moby-avatar > span { top: 20px; font-size: 3em; color: #888; }
.screenshot-holder { margin: 0px auto; width: 800px; display: table; }
.screenshot { padding: 10px; border-radius: 5px; background: #fff; }
.screenshot > a > img { max-width: 100%; height: auto; }
.thumbnail:hover { border-color: #999; }
.thumbnail-image-wrapper { overflow: hidden; }
.thumbnail-image { display: block; width: 100%; height: 100px; background-size: cover; background-position: center top; background-repeat: no-repeat; transition: transform 0.25s; }
.thumbnail-image:hover { transform: scale(1.1,1.1); }
.thumbnail-cover { display: block; width: 100%; height: 100px; background-size: contain; background-position: center top; background-repeat: no-repeat; }
.thumbnail-title { margin: 0 0; padding-bottom: 1px; font-size: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.thumbnail-submitter { margin-top: 5px; margin-bottom: 0; font-size: 0.9em; }
.thumbnail-caption { display: -webkit-box; padding-top: 5px; height: 53px; line-height: 1.3em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.thumbnail-cover-caption { text-align: center; display: -webkit-box; padding-top: 5px; height: 40px; font-weight: bold; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.thumbnail .caption { padding: 0 0; padding-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.cell-warning { background-color: #fdfea1; font-weight: bold; }
.cell-danger { background-color: #ffdd8e; font-weight: bold; }
.media-review { min-height: 100px; }
.media-review .media-left { min-width: 70px; }
.media-review .media-heading { background: none; }
.copyright a { color: #BBE4FF; }
.copyright a:hover { color: #eee; }
.mobyquote { margin-top: 30px; text-align: center; color: #004472; text-shadow: 1px 1px #008BE9; }
.mobyquote a { color: #004472; text-shadow: 1px 1px #0F87D8; }
.mobyquote a:hover { color: #002A46; }
.jumbotron { background-color: #fff; color: #444; }
.navbar-default { min-height: 85px; color: #eee; background-color: #1673c0; border: none; border-bottom: 4px solid #005a95; border-radius: 0; margin-bottom: 0; }
.dropdown-menu { min-width: 100px; padding: 0; font-size: 1em; border-radius: 0; }
.navbar-brand { padding: 5px; height: 65px; }
.navbar-form { margin-top: 20px; }
.navbar-default .navbar-nav>li>a { padding: 3px; font-size: 1em; color: #cbeaff; margin-right: 6px; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #eee; }
.navbar .divider-vertical { height: 15px; margin-top: 5px; margin-right: 4px; border-right: 1px solid #028eea; border-left: 1px solid #0062a3; }
.nav-tabs>li>a { padding: 7px 7px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background-color: #41bb8a; }
.nav-pills>li>a { padding: 5px; }
.navtweak { margin-top: 15px; }
blockquote { font-size: 1.1em; }
label { font-weight: normal; }
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #FAFAFA; }
.table-striped>tbody>tr:hover:nth-child(odd)>td, .table-striped>tbody>tr:hover:nth-child(odd)>th { background-color: #FFF; }
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: #FFF; }
.table-striped-darker>tbody>tr:nth-child(odd)>td, .table-striped-darker>tbody>tr:nth-child(odd)>th { background-color: #EBEBEB; }
.breadcrumb { background-color: #fff; font-weight: bold; }
.pagination>li>a.active, .pagination>li>a.active:hover, .pagination>li>a.active:focus { color: #fff; background-color: #49d59d; border-color: #40c28e; cursor: default; }
.pager li>a, .pager li>span { padding: 10px 15px; border: none; border-radius: 5px; background-color: #333; font-weight: bold; color: #fff; }
.pager li>a:focus, .pager li>a:hover { background-color: #444; }
.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color: #c0c0c0; }
.pager .plain-link>a { border: 2px solid #666; background: transparent; color: #337ab7; }
.pager .plain-link>a:hover { border: 2px solid #888; background: transparent; }
.pager .previous > a, .pager .next > a { width: 105px; }
.cleartop { margin-top: 0 !important; }
.clearbot { margin-bottom: 0 !important; }
.add-margin-top { margin-top: 20px; }
.spacer-right { margin-right: 5px; }
.truncate { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.btn { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; border: none; }
.btn-group-xs>.btn, .btn-xs { padding: 2px 6px; }
.btn-default { background: #eee; color: #888; }
.btn-default:hover { }
.btn-teal { background: #00B5AD; color: #fff; }
.btn-teal:hover { background: #00C4BC; color: #fff; }
.btn-mobydefault { color: #444; background: #fff; -webkit-box-shadow: 1px 1px 0px 0px #888; -moz-box-shadow: 1px 1px 0px 0px #888; box-shadow: 1px 1px 0px 0px #888; border-radius: 0; }
.btn-mobydefault:hover { color: #444; background: #eaffe7; }
.btn-mobygreen { color: #444; background: #b2ffa8; -webkit-box-shadow: 1px 1px 0px 0px #888; -moz-box-shadow: 1px 1px 0px 0px #888; box-shadow: 1px 1px 0px 0px #888; border-radius: 0; font-weight: bold; }
.btn-mobygreen:hover { color: #444; background: #90ee84; }
.btn-mobydanger { color: #ffeaea; background: #fe5959; }
.btn-mobydanger:hover { color: #ffeaea; background: #d74b4b; }
.btn-mobysuccess { color: #e0fff3; background: #49d59d; }
.btn-mobysuccess:hover { color: #e0fff3; background: #41bb8a; }
.btn-clear { color: #333; }
.btn-clear:hover { background: #eee; }
.btn-clear-outline { color: #333; border: 1px solid #ddd; }
.btn-clear-outline:hover { border: 1px solid #c0c0c0; background: #eee; }
.well-white { margin-bottom: 10px; background: #fff; color: #444; }
.featurebox-default { margin-bottom: 20px; padding: 10px; background: #fff; -webkit-box-shadow: 0px 0px 2px 0px #999; -moz-box-shadow: 0px 0px 2px 0px #999; box-shadow: 0px 0px 2px 0px #999; border-radius: 0; border: 1px solid #888; }
body.emm { background-color: #eee; margin: 0px; padding: 0px; width: auto; }
body.if { margin: 0px; padding: 0px; width: auto; }
p { margin: 0 0 1em 0; }
.text-sm { font-size: 0.8em; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 90%; }
.big { font-size: 110%; }
.nowrap { white-space: nowrap; }
.color1 { color: #222; background-color: white; }
.color1 > A:link { color: #444; }
.color1 > A:visited { color: #444; }
.color1 > A:hover { color: #000; }
.color1 > A:active { color: #000; }
.color2 > A:link { color: #444; }
.color2 > A:visited { color: #444; }
.color2 > A:hover { color: #000; }
.color2 > A:active { color: #000; }
.color3 > A:link { color: #444; }
.color3 > A:visited { color: #444; }
.color3 > A:hover { color: #000; }
.color3 > A:active { color: #000; }
.border1 { border: 1px solid #ffffff; }
.border2 { border: 1px solid #eee; }
.border3 { border: 1px solid #C7D1E5; }
.border4 { border: 1px solid #0F6BC0; }
.color2 { color: black; background-color: #eee; }
.color3 { color: black; background-color: #eee; }
.color4 { color: #dddddd; background-color: #0F6BC0; }
.color4 > A:link { color: #dddddd; }
.color4 > A:visited { color: #dddddd; }
.color4 > A:hover { color: white; }
.color4 > A:active { color: white; }
div.buttonPanel { text-align: center; padding: 0.5em 1em; margin: 1em 0em 0em 0em; border: 1px solid #eee; background-color: #F8F8F8; }
.noSelect { -moz-user-select: none; -khtml-user-select: none; user-select: none; }
UL { margin: 1em 0 1em 0; padding: 0px 0px 0px 40px; }
h1 small { font-size: 0.8em; }
h1 a:hover { color: #555; }
div.platformGroupName { text-align: center; font-size: 13pt; font-weight: normal; margin-bottom: 1em; }
h1.m5 { border: 0; color: #222; background-color: inherit; margin: 0px 0px 1.5em 0px; padding: 0px 0px 0px 0px; }
h1.m5 A:link, h1.m5 A:visited, h1.m5 A:active, h1.m5 A:hover, h1.m5 A { text-decoration: none; }
h1.clean,h2.clean,h3.clean { margin:0; margin-bottom: 3px; padding:0; border-bottom: none; }
h2.m5 { text-align: left; border-bottom: 1px solid #ccc; color: #444; margin: 0px 0px 1em 0px; padding: 1px 2px 1px 0px; }
h3.m5 { font-size: 9pt; text-align: left; margin: 1em 0px 0.5em 0px; padding: 0px 2px 0px 2px; color: #222; border-bottom: 1px solid #0A1C5B; font-weight: normal; }
div.m5 { margin: 1em 0px 0.5em 0px; padding: 0; border: 1px solid #031465; }
div.m5 h4 { font-size: 10pt; text-align: left; color: #222; margin: 0; border: 1px solid #dae1ef; background-color: #C7D1E5; font-weight: normal; padding: 0.25em 0.5em; }
DIV.formContents { border: 0; padding: 0; margin: 0; }
form { padding: 0; border: 0; margin: 0; }
table.pct100 { width: 100%; padding: 0; margin: 0; }
table.pct100 thead tr td { padding: 0; margin: 0; }
table { border: 0; border-collapse: separate; border-spacing: 0px; empty-cells: show; }
tfoot th { font-weight: normal; }
th, td { text-align: left; }
.clearBoth { clear: both; }
DIV.mmhBorder { padding: 0px 0px 0px 0px; margin: 0px 0px 1em 0px; }
SPAN.mmhIndent { margin: 0px; padding-left: 15px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
div.mmhSubHeading { color: #222; font-size: 8pt; margin-top: 0px; margin-bottom: 0px; padding-top: 1px; padding-bottom: 1px; padding-left: 6px; padding-right: 6px; border-width: 0px; border-style: none; }
.oAuto { overflow: auto; }
.oNone { overflow: hidden; }
div.mmhBullet { display: none; }
div.bulletMenu { }
div.bulletMenu A { display: block; color: #333; margin: 0; text-decoration: none; white-space: nowrap; }
DIV.bulletMenu A:link, DIV.bulletMenu A:visited, DIV.bulletMenu A:active { color: #333; }
DIV.bulletMenu A:hover { text-decoration: underline; color: #555; }
div.bulletMenu h3.m5 { font-weight: bold; padding: 2px 2px 0px 6px; margin: 0; border: 0; color: #333; }
ul.mmhBody { list-style:none; margin: 0; padding: 0 0 0 1em; }
ul.mmhBody li { }
ul.mmhBody li div.mmhInactive { margin: 0; padding: 1px 3px; color: #888; }
li.mmhSelected { }
.dottedRule { border-top: 1px dotted #ccc; height: 0px; overflow: hidden; margin: 0.25em 0; padding: 0; }
div#coreGameInfo { margin-top: 1em; }
div#coreGameCover { padding-right: 0.5em; }
div#coreGameRelease { min-height: 160px; padding: 3px 0.5em 0 0.5em; border-left: 1px dotted #ccc; }
div#coreGameGenre { min-height: 160px; padding: 3px 0.5em 0 0.5em; border-left: 1px dotted #ccc; }
div#coreGameScore { border-top: 1px dotted #ccc; margin: 1em 0 0 0; padding: 1em 0 0 0; }
div#coreGameRank { min-width: 240px; min-height: 160px; padding-left: 0.5em; border-left: 1px dotted #ccc; }
.sb { border-width: 1px; border-style: solid; border-color: #222; }
.sbL { border-width: 1px; border-left-style: solid; border-color: #222; }
.sbR { border-width: 1px; border-right-style: solid; border-color: #222; }
tr.sbT th, tr.sbT td, .sbT { border-width: 1px; border-top-style: solid; border-color: #222; }
tr.sbB th, tr.sbB td, .sbB { border-width: 1px; border-bottom-style: solid; border-color: #222; }
.offsetBG { background-color: #222; }
td.rightPanelAd { border: 0px; vertical-align: top; }
div.gameCore { padding-bottom: 1em; }
div.rightPanelHeader { margin-bottom: 10px; overflow: hidden; }
div.rightPanelBody { margin: auto; }
div.leftPanel { overflow: hidden; width: 145px; max-width: 145px; min-width: 145px; padding: 10px 1px 0 0; }
td.leftPanel { text-align: left; padding: 0; margin: 0; vertical-align: top; color: #222; background-color: #c8d4de; }
td.rightPanel { width: 100%; border: 0; }
div.rightPanel { text-align: left; padding: 1em 0.4em 2em 0.4em; margin: 0; border: 0; }
div.rightPanelMain { padding-top: 1em; }
div.rightPanelSide { padding-top: 1em; padding-left: 1em; }
td.rightSideBar { border: 0; }
div.rightSideBar { text-align: left; margin: 1em 1em 0em 0em; padding: 0; border: 0; }
div.docContents { max-width: 165em; margin: 0; padding: 0; background-color: #f8f8f8; }
div.topPanelNavLinks A { font-size: 8pt; text-decoration: none }
div.topPanelNavLinks A:hover, div.topPanelNavLinks A:active { color: #000; text-decoration: underline; }
div.topPanel { margin-top: 10px; border: 0px; padding: 0; padding-top: 10px; color: #eee; background-color: #0073bf; border-bottom: 4px solid #005a95; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.donator-star { color: gold; text-shadow: 1px 1px #c0c0c0; }
.donator-flame { color: #00bdff; }
.headerMenu { float: left; margin-left: 15px; margin-top: 13px; font-size: 1.2em; color: #80ccff; }
.headerMenu a { text-decoration: none; color: #e2f3fe; }
.headerMenu a:hover { color: #fff; }
.headerSearch { float: left; margin-top: 11px; margin-left: 15px; }
.headerSearchForm { display: inline-block; height: 25px; background-color: #005799; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #e2f3fe; }
.headerSearchForm::-webkit-input-placeholder { color: #3cabff; }
.headerSearchForm input { background: none; border: none; padding: 0; width: 125px; padding: 3px; color: #e2f3fe; }
.headerSearchForm input::-webkit-input-placeholder { color: #1288e2; }
.headerSearchForm button { border: none; background: none; cursor: pointer; font-size: 1.2em; color: #eee; }
DIV.break { height: 0px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; clear: both; }
.lifesupport-header { overflow: hidden; height: 90px; margin-top: 10px; margin-bottom: 20px; text-align: center; }
.lifesupport-footer-wrapper { overflow: hidden; background-color: #444; }
.lifesupport-footer { min-height: 90px; margin: 20px 0; text-align: center; }
.patron-icon { margin-right: 10px; width: 50px; height: 50px; background: #222; text-align: center; color: #444; font-size: 2em; border-radius: 3px; }
.patron-icon span { top: 10px; }
.footer-header { padding: 5px; font-weight: bold; font-size: 1.1em; background-color: #222; color: #777; }
.footer-moby-social { overflow: auto; }
.footer-moby-info { margin-top: 10px; font-size: 1.3em; color: #c0c0c0; }
.footer-moby-info > a { color: #eee; }
.footer-moby-info > a:hover { color: #fff; }
.footer-nav { padding: 0; color: #ddd; }
.footer-nav > li { list-style-type: none; }
.footer-nav > li a { text-decoration: none; color: #c0c0c0; }
.footer-nav > li a:hover { color: #eee; }
#footer-menu { padding-top: 25px; padding-bottom: 10px; background-color: #333; }
#footer-bottom { border-top: 4px solid #005a95; background-color: #1673c0; padding-top: 25px; padding-bottom: 30px; color: #76C8FF; }
.windowTitleBG { background-color: #0f6bc0; }
.windowTitle { color: #ddd; font-size: 110%; font-weight: bold; }
.sectionSeparator { margin-bottom: 20px; font-size: 1.4em; color: #FF6F54; border-bottom: 2px solid #fa4b2a }
.sectionSeparator small { font-size: 0.9em; }
DIV.boxAd { width: 310px; border: 0px; background-color: white; float:right; clear:both; padding: 12px 5px 5px 5px; margin: 5px 0px 0px 2em; font-size: 8pt; margin-bottom: 1em; }
.width125 { max-width: 12em; min-width: 12em; width: 12em; }
.width200 { max-width: 18em; min-width: 18em; width: 18em; }
.width250 { max-width: 23em; min-width: 23em; width: 23em; }
.width325 { max-width: 300px; min-width: 300px; width: 300px; }
DIV.sideBar { overflow: hidden; padding: 0px; margin: 0 0 1em 0; }
.missingCoverArt { height: 120px; padding: 5px; padding-top: 25px; border: 2px solid #eee; font-size: 1.8em; text-align: center; color: #c0c0c0; }
.buyGameLinkHolder { float: left; height: 40px; padding: 6px; background-color: #fefefe; margin-right: 10px; margin-bottom: 5px; text-align: center; font-size: 1.2em; font-weight: bold; color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.buyGameLinkHolder:hover { background-color: #eee; }
.buyGameLinkHolder img { vertical-align: middle; }
.buyGameLinkHolder a { height: 100%; width: 100%; text-decoration: none; color: #333; }
.buyGameLinkHolder a:hover { color: #555; }
div.sideBar h3 { color: #0A1C5B; border-bottom: 2px solid #ddd; }
div.links { text-align: center; padding-top: 0.5em; font-size: 8pt; }
div.sideBarLinks { text-align: right; padding-top: 0.5em; font-size: 8pt; }
div.sideBarContent { text-align: left; padding: 10px; background-color: #eee; }
.sideBarContent ul { margin: 0; padding: 5px 0 5px 20px; list-style-type: square; }
.sideBarContent ul li { margin-bottom: 0.33em; }
div.sideBarTitle { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; background-color: #5aa5e6; }
div.sideBarTitle h2 { text-align: center; color: #cfe9ff; margin: 0; padding: 5px; border-bottom: none; }
div.sideBarTitleRed { background-color: #fe5959; color: #FFCDCD; }
.featured-title { margin-top: 0; text-align: center; border: none !important; }
.featured-box { float: left; margin-right: 10px; }
.googleBuyBoxAd { height: 70px; margin-left: 0px; margin-right: 10px; border: 1px solid #0F6BC0; padding: 0px; }
DIV.googleRightSideAd { padding: 0px; margin: 2px; border: 0px; }
.windowPadding { padding: 4px; }
.mb1 { background-color: #dddddd; }
.mb2 { background-color: #eee; }
.mb3 { color: #000000; }
table.reviewList { border-collapse: collapse; }
table.reviewList tbody { border: 1px solid #c2c2c2; }
table.reviewList td { padding-left: 2px; border: 1px solid #c2c2c2; }
table.reviewList tfoot td { border: 0; padding-left: 2px; }
DIV.thumbnailContainer { margin: 0; width: 100%; border: 0; padding: 0; }
DIV.thumbnailContainer DIV { float: left; overflow: hidden; border: 0; margin: 0.5em 2em 0.5em 0em; padding: 0; }
DIV.thumbnailContainer DIV DIV { border: 0; text-align: center; padding: 0; margin: 0; float: none; }
DIV.thumbnailContainer DIV IMG { display: block; padding: 0; margin: 0 auto; }
DIV.thumbnailContainer DIV P { padding: 1px 2px 1px 2px; margin: 1px 0px 1px 0px; border: 0; font-size: 90%; overflow: hidden; text-align: left; }
DIV.lc90 { margin: 20px; }
.coverHeading { margin: 0; padding: 10px; }
div.browseTableList { overflow: auto; height: 30em; padding: 2px; margin: 0px 0px 0px 1em; border-width: 1px; border-style: solid; border-color: #6699cc; }
.browseTableList UL { margin-top: 0px; margin-left: 1.5em; margin-bottom: 0px; padding: 0px; list-style-type: disc; }
.browseTableList LI { padding-top: 0px; padding-bottom: 1px; padding-right: 3px; padding-left: 3px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; }
.browseTableList A { color: #444; font-weight: normal; text-decoration: none; }
.browseTableList A:hover, .browseTableList A:active { color: #000; text-decoration: underline; }
.browseTable { padding-left: 1em; padding-right: 0; }
.browseTable A { color: #444; font-weight: normal; text-decoration: none; }
.browseTable A:link, .browseTable A:visited { color: #444; }
.browseTable A:hover, .browseTable A:active { color: #000; text-decoration: underline; }
TD.creditPanel { width: 125px; border-width: 0px 0px 0px 1px; text-align: center; padding: 5px; border-left-style: solid; border-color: #222; }
.devCreditsTable { width: 100%; }
.devCreditsTable td { padding: 5px; }
.devCreditsHighlight:hover { background: #fff; }
.devCreditsTitle { display: inline-block; vertical-align: middle; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.devCreditsRole { display: inline-block; vertical-align: middle; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.devCreditsDivider { width: 15px; text-align: center; color: #888; }
DIV.moBrowse { width: 100%; background-color: white; border: 1px solid #0F6BC0; padding: 0px; margin: 0px; }
DIV.mobList { border: 0px none; margin: 0px; padding: 0px; }
div.molistGroupHeading { color: black; font-size: 12pt; font-weight: bold; margin: 0px 0px 0px 0px; padding-top: 6px; padding-bottom: 1px; border-bottom: 2px solid black; }
span.molistGroupComment { font-size: 9pt; font-weight: normal; }
.molist td { color: black; }
div.molist table { width: 100%; border-width: 0px; border-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.molist table tr:hover { background-color: #dddddd; }
div.mobFooter { color: black; font-size: 90%; background-color: #C7D1E5; font-weight: normal; border-top: 1px solid #0F6BC0; border-bottom: 0px none; border-left: 0px none; border-right: 0px none; margin: 0px; padding: 3px 0.5em 3px 0.5em; }
div.mobIndexHeader { margin: 0; padding: 0; border: 0; }
div.mobIndexHeader span { font-size: 8pt; padding: 2px 10px 0px 0px; float: left; white-space: nowrap; }
ul.mobIndexItem { margin: 0px; padding: 0px; display: inline; list-style:none; }
ul.mobIndexItem * a { padding: 1px 3px; font-size: 8pt; margin: 0px; display: block; }
ul.mobIndexItem * a:link, ul.mobIndexItem * a:visited { text-decoration: none; background-color: transparent; border: 1px solid #0F6BC0; }
ul.mobIndexItem * a:hover, ul.mobIndexItem * a:active { text-decoration: underline; border: 1px solid black; background-color: #FFC; }
ul.mobIndexItem * a:link.current, ul.mobIndexItem * a:visited.current { background-color: #eee; }
ul.mobIndexItem li { border: none; padding: 1px 2px; float: left; white-space: nowrap; display: inline; }
.mobFooter SPAN { padding: 0px; margin: 0px; }
.mobFooter A { text-decoration: none; }
.mobFooter A:visited, .mobFooter A:link { color: black; }
.mobFooter A:active, .mobFooter A:hover { text-decoration: underline; color: darkblue; }
TABLE.molist TBODY TR TD { margin: 0px 0px 0px 0px; padding: 0in 0.5em 0in 0.5em; border-top: 0px none; border-bottom: 1px solid #dddddd; border-left: 0px none; border-right: 0px none; }
DIV.mobTitle { margin: 0px 0px 0px 0px; padding: 0.2em 0.5em 0.2em 0.5em; color: black; color: black; background-color: #C7D1E5; font-weight: normal; text-align: center; font-size: 110%; border-right: 0px none; border-left: 0px none; border-top: 0px none; border-bottom: 1px solid black; }
DIV.mobHeader { margin: 0px 0px 0px 0px; padding: 0px; color: black; background-color: #C7D1E5; font-weight: normal; border-right: 0px none; border-left: 0px none; border-top: 0px none; border-bottom: 0px none; }
DIV.mobHeader TABLE { margin: 0px; padding: 0px; background-color: #C7D1E5; width: 100%; border: 0px none; }
DIV.mobHeader TABLE TR TD{ color: black; padding: 0.2em 0.5em 0.2em 0.5em; }
TD.mobHeaderPage { text-align: left; }
TD.mobHeaderItems { text-align: center; }
TD.mobHeaderNav { text-align: right; }
.mobHeader A, TABLE.molist * A { text-decoration: none; }
.mobHeader A:hover, .mobHeader A:active, TABLE.molist * A:hover, TABLE.molist * A:active { text-decoration: underline; color: darkblue; }
TABLE.molist THEAD * A:visited { color: #dddddd; }
TABLE.molist THEAD * A:link { color: #dddddd; }
TABLE.molist THEAD * A:hover { color: white; }
TABLE.molist THEAD * A:active { color: white; }
TABLE.molist THEAD TR TD { padding: 0in 0.5em 0in 0.5em; margin: 0px 0px 0px 0px; background-color: #0F6BC0; border-top: 1px solid black; color: #DDDDDD; white-space: nowrap; font-weight: bold; }
img.aSheetLI { border: 0px; margin: 0px 10px 2px 0px; }
.aSheetPM { border-left: 1px dotted #ccc; padding: 0px 0px 1em 1em; margin: 0; }
.aSheetAD { border: 0px none; padding: 0px 1em 1em 0px; margin: 0; }
div.mofSimpleNotice { background-image: url(/images/icons/lightbulb.png); background-position: 0.5em 10px; background-repeat: no-repeat; background-color: #A5CC7A; min-height: 30px; padding-left: 30px; padding-right: 10px; padding-top: 0.75em; padding-bottom: 0.25em; margin: 0px 0px 1em 0px; border: 1px solid #224B0A; text-align: left; color: #224B0A; }
div.mofSimpleNotice a { color: #000000; }
div.mofSimpleError { background-image: url(/images/warning.gif); background-position: 10px 10px; background-repeat: no-repeat; background-color: #FFCC00; min-height: 50px; padding-left: 50px; padding-right: 10px; padding-top: 0.5em; padding-bottom: 0.25em; margin: 0px 0px 0px 0px; border: 3px solid #DDAA00; text-align: left; color: #000000; }
DIV.mofSimpleError * { color: black; }
.PADDED { padding: 4px }
.smallFont { font-size: 8pt; font-weight: normal; }
.bigFont { font-size: 13pt; font-weight: normal; }
SPAN.darksep { color: black; font-size: 100%; font-weight: normal; }
DIV.bigTitle { font-size: 13pt; font-weight: normal; text-align: center; }
#qsearchButton { vertical-align: middle; margin: 0; padding: 0px 0px 3px 4px; }
.redRow { background-color: red; color: black; }
.greenRow { background-color: green; color: black; }
.upload { background-color: blue; color: red; }
.FormLt3 { margin: 0; padding: 0; font-family: arial, sans-serif; font-size: 10pt; font-weight: normal; }
.FormLt2 { font-family: arial, sans-serif; font-size: 11px; font-weight: normal; }
.FormLt1 { font-family: arial, sans-serif; font-size: 11px; font-weight: normal; }
UL.wipReminders { list-style:none; }
SPAN.sn { font-size: 8pt; font-weight: normal; white-space: nowrap; }
SPAN.sn A { font-size: 8pt; font-weight: normal; }
UL.nobr { margin: 0px; padding: 0px; border-style: none; }
UL.nobr LI { white-space: nowrap; display: inline; }
.techinfo A { white-space: nowrap; }
table.techInfo * A { color: black; text-decoration: none; }
table.techInfo * A:hover, table.techInfo * A:active { text-decoration: underline; }
TABLE.techInfo { margin: 0px; width: 500px; border: 2px solid black; background-color: white; color: black; }
TABLE.techInfo TD { padding-left: 1em; padding-right: 1em; border: 1px solid black; background-color: white; color: black; }
TABLE.techInfo TR { vertical-align: top; }
TABLE.techInfo THEAD TR TD { background-color: black; text-align: center; font-weight: bold; font-size: 110%; color: white; }
TABLE.techInfoChild { margin: 0.5em 0 0 0; padding: 0 0 0 0; border: 0; background-color: white; color: black; }
TABLE.techInfoChild TD { padding: 0px 1em 0px 0px; margin: 0px 0px 0px 0px; border: 0; font-size: 90%; background-color: white; color: black; }
TABLE.techInfoChild TR { vertical-align: top; }
TABLE.scoreWindow { border: 1px solid #222; }
TABLE.scoreWindow TD { padding-right: 5px; padding-left: 5px; border-right: 1px solid #222; }
TABLE.gspsel { border: 1px solid black; }
SPAN.gspselSelected { text-align: center; white-space: nowrap; line-height: 1.75em; padding-top: 1px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; background-color: #C7D1E5; border: 1px solid #0F6BC0; }
SPAN.gspselSelectable { border-width: 0px; text-align: center; white-space: nowrap; line-height: 1.75em; margin: 0px; padding-top: 1px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; }
.newsItem { overflow: hidden; margin-bottom: 15px; }
.newsTitle { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #ddd; }
.newsAbstract { padding: 8px; }
.newsStatusBar { padding: 5px; font-size: 0.9em; }
DIV.jsSelectBox { overflow: auto; overflow-x: hidden; width: 100%; padding: 0px; margin: 0px; border: 1px solid #222; }
TR.jsSelectGroup { padding: 0; border: 0; }
TR.jsSelectGroup TD { border-top: 0; border-bottom: 1px solid #222; border-right: 0; border-left: 0; padding: 2px 0px 2px 2px; margin: 0px; font-weight: bold; background-color: #eee; }
SPAN.jsSelectLabel { display: block; border: 0; padding: 0; }
TR.jsSelectSelected TD { background-color: #ffffd9; padding: 0px 0px 0px 10px; color: black; border-bottom: 1px solid #aaaaaa; }
TR.jsSelectSelectable TD { background-color: #ffffff; padding: 0px 0px 0px 10px; color: black; border-bottom: 1px solid #aaaaaa; }
DIV.gameReviewContents { border: 0px; max-width: 800px; padding: 0px; margin: 0px; }
DIV.noCoverArt { width: 115px; height: 140px; padding: 5px; text-align: center; }
div.adLeader { color: white; border: 0; margin: 0; margin-bottom: 10px; padding: 5px; }
.button1 { overflow: hidden; position: relative; font-size: 8pt; margin: 0em 0.75em; }
div.button1 { max-height: 35px; }
div.button1 a { display: block; padding-top: 0.25em; padding-bottom: 0.25em; }
.button1 a { color: #000; text-align: center; font-size: 90%; padding-left: 1em; padding-right: 1em; border-top: 1px solid #cecece; border-left: 1px solid #cecece; border-bottom: 2px solid #4a4a4a; border-right: 2px solid #4a4a4a; background-image: url(/images/s/2/button1-bg.gif); background-position: center left; background-repeat: repeat-x; }
.button1 a:link, .button1 a:visited { color: #000; text-decoration: none; }
.button1 a:active, .button1 a:hover { color: #000; background-color: #ddd; text-decoration: underline; background-image: url(/images/s/2/button1-active-bg.gif); background-position: center left; background-repeat: repeat-x; }
.fl { float: left; }
.fr { float: right; }
.floatholder:after { content: "."; display: block; max-height: 0px; height: 0px; clear: both; visibility: hidden; }
.diffPlus { background-color: #bdf; color: black; }
.diffMinus { background-color: #500; color: silver; }
.diffChange { background-color: #0A0; color: black; }
div.diffLegend { border: 1px solid black; width: 10em; padding: 0; float: right; }
div.relInfo { padding: 0 0 0 10em; border: 0; margin: 0; }
div.relInfoTitle { float: left; width: 10em; font-size: 90%; }
div.relInfoDetails { margin-left: 10em; font-size: 90%; }
div.relInfoDetails span { white-space: nowrap; }
ul.hpbtPub, ul.hpbtYear, ul.hpbtPlatform, ul.hpbtGenre { margin: 0 1em; padding: 0; }
ul.hpbtPub li { float: left; width: 18em; height: 1.25em; overflow: hidden; }
ul.hpbtYear li { float: left; width: 6em; height: 1.25em; overflow: hidden; }
ul.hpbtPlatform li { float: left; width: 12em; height: 1.25em; overflow: hidden; }
div.hpbtContainer { padding-left: 40px; }
ul.hpbtGenre li { float: left; width: 12em; height: 1.25em; overflow: hidden; }
h1,h2,h3,h4 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; border-bottom: 1px solid #ccc; }
h3 { font-size: 1.2em; }
h4 { padding: 5px; font-size: 1em; background-color: #eee; }
h1.gameHeader { margin: 0 0 0.5em -10px; padding: 0; font-size: 150%; font-weight: normal; }
h1.gameHeader A:link, h1.gameHeader A:visited, h1.gameHeader A:active, h1.gameHeader A:hover, h1.gameHeader A { text-decoration: none; }
.niceHeaderTitle { overflow: auto; background: #fefefe; margin: 0; padding: 8px; border-bottom: 1px solid #ddd; }
.niceHeaderTitle small { color: #0074D9; font-weight: normal; }
.missingCoverText { margin:0; padding: 2px; text-align: center; background: #eee; color: #c0c0c0; }
.gameAttribution { margin-top: 25px; margin-bottom: 6px; padding: 8px; background-color: #fefefe; }
.gameAttribution SPAN.sn, .gameAttribution SPAN.sn A { font-size: 1em; font-weight: bold; }
.otherGameAttribution { padding: 8px; background-color: #f0efef; }
div#gamePlatform { float: right; padding-left: 3em; }
div.faImageLeft { float: left; overflow: hidden; margin-right: 1em; margin-top: 0.25em; margin-bottom: 0.5em; margin-left: 0em; clear: both; background-color: #eee; border: 1px solid #ddd; }
div.faImageRight { float: right; overflow: hidden; margin-top: 0.25em; margin-left: 1em; margin-bottom: 0.5em; margin-right: 0em; clear: both; background-color: #eee; border: 1px solid #ddd; }
div.faImageLeft img, div.faImageRight img { display: block; text-align: center; padding-left: 1em; padding-right: 1em; margin-right: auto; margin-left: auto; margin-top: 1em; margin-bottom: 1em; }
div.faImageRight p, div.faImageLeft p { text-align: center; font-size: 90%; padding-right: 1em; padding-left: 1em; padding-bottom: 5px; font-weight: bold; }
div.pastNewsYearMonth div.pastNewsYear { font-weight: bold; }
div.pastNewsYearMonth div.pastNewsMonth { margin-right: 1em; margin-left: 1em; margin-bottom: 1em; }
div.permalinks { float: left; }
div.permalinks img { margin-right: 1em; }
div.permalinkTip div { font-weight: bold; padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px solid green; }
div.permalinkTip div a { font-weight: normal; font-size: 90%; color: black; }
div.permalinkTip p { font-size: 90%; }
#tpMenu ul li { width: auto; }
.progressBarHeader { margin: 0; margin-bottom: 5px; text-align: center; font-weight: bold; text-shadow: 1px 1px #fefefe; color: #555; }
table.companyGameTable { width: 100%; margin-bottom: 1em; }
table.companyGameTable td.gameYear { text-align: right; }
figure.promoImage img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; margin-bottom: 5px; }
figure.promoImage figcaption { text-align: center; }
ul.thumbnailGallery { list-style: none; padding: 0; }
ul.thumbnailGallery li { display: inline-block; padding: 8px; }
ul.thumbnailGallery figure { display: table; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; height: 180px; width: 168px; overflow: hidden; }
ul.thumbnailGallery figure:hover { border-color: #999; }
ul.thumbnailGallery figcaption { display: table-row; text-align: center; text-overflow: ellipsis; overflow: hidden; height: 52px; font-size: 85%; }
ul.thumbnailGallery a { display: table-row; }
ul.thumbnailGallery img { position: relative; top: 60px; left: 84px; transform: translate(-50%, -50%); max-width: 160px; max-height: 120px; margin: 4px auto; }
ul.thumbnailGallery span.imageTypeName { font-weight: bold; }
div.multiFileUpload input::-webkit-file-upload-button { visibility: hidden; }
div.multiFileUpload input::before { content: 'Select Files'; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 2px 6px; color: #e0fff3; background: #49d59d; }
div.screenshot.doubled img { image-rendering:optimizeSpeed; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; -ms-interpolation-mode:nearest-neighbor; image-rendering: pixelated; }

/* 
  MobyGames Copyright (c) 1999-2010 All rights reserved. Do not duplicate 
  or redistribute in any form 
*/
.mbThreadListHeader { border: 0px none; border-bottom: 1px solid #222; padding-top: 0.5em; padding-bottom: 2px; }
table.mbThreadList { border-collapse: collapse; border: 1px solid #222; padding: 0px; margin: 0px; }
table.mbThreadList tr th { border-bottom: 1px solid #222; white-space:nowrap; font-weight: normal; padding: 2px 0.5em; }
table.mbThreadList tr td { border: 0; margin: 0; }
span.mgSelTitle img { vertical-align: middle; }
table.mbThreadList td.forum { padding: 2px 0.5em; min-width: 12em; }
table.mbThreadList td.statusIcon { padding: 0; text-align: right; }
table.mbThreadList td.readIcon { padding: 0; text-align: left; }
table.mbThreadList td.watchIcon { padding: 2px; text-align: center; }
table.mbThreadList td.checkbox { padding: 2px 0.25em; text-align: center; }
table.mbThreadList td.size, table.mbThreadList td.unread { text-align: center; padding: 2px 0.5em; }
table.mbThreadList td.author, table.mbThreadList td.lastpost, table.mbThreadList td.topic { text-align: left; padding: 2px 0.5em; }
td.topic a { color: #333; }
table.mbThreadList td.topic div.comment { padding: 2px 0 2px 2em; font-size: 90%; color: red; font-style: italic; }
table.mbThreadList td.topic div.comment a { color: #666; }
div.dgLegend { float: right; width: 32em; margin: 1em 0; padding: 5px; border: 1px solid #ccc; background-image: url(/images/s/1/swooplr.png); background-color: #e8e8e8; background-repeat: repeat-y; background-position: top left; }
div.dgLegend div.item { float: left; color: #222; overflow: hidden; display: block; width: 15em; }
div.dgLegend div.item img { vertical-align:middle; }
#dgMessageWindow { border-top: 1px solid #c0c0c0; padding-top: 0.75em; }
div.dgBoardDescription { font-size: 90%; color: #666; }
DIV.mbMessageText { margin-top: 1em; margin-bottom: 0; margin-right: 0; margin-left: 0; border-top: 1px solid #c0c0c0; padding: 1em 1em 1em 1em; }
DIV.mbMessageList { overflow: auto; height: 10em; padding: 0px; margin: 0px; }
DIV.mbMessageList a { color: #333; }
DIV.mbMessageList TABLE { padding: 0px; margin: 0px; border: 0px none; }
DIV.mbMessageList * TD { padding-right: 1em; }
.dgMessageListThreadName DIV { height: 20px; padding: 0px; margin: 0px; overflow: hidden; }
TD.dgMessageListThreadName { height: 20px; vertical-align: middle; }
DIV.dgFlatMessageFooter { padding-top: 0.5em; }
DIV.dgFlatMessageHeader { padding: 0em 0.5em 0.25em 0.5em; }
DIV.dgIndentBackground { margin: 0em 0em 1em 0em; padding: 0em 0.5em 0.5em 0.5em; }
DIV.dgFlatMessageBody { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background-color: white; margin: 0em 0em 0em 0em; padding: 0em 0.25em 0.25em 0.25em; }
TD.dgMessageListThreadName IMG { vertical-align: middle; }
DIV.dgReportAbuseWindow { border: 1px solid #222; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
DIV.dgReportAbuseHeader { border-bottom: 1px solid #222; background-color: #0f6bc0; padding-bottom: 0.25em; padding-top: 0.25em; padding-left: 1em; padding-right: 1em; margin-bottom: 1em; margin-top: 0em; margin-right: 0em; margin-left: 0em; }
.dgAvatar { max-height: 80px; max-width: 80px; }
DIV.dgReportAbuseBody { padding-left: 1em; padding-right: 1em; }
div.mbPageLinks { padding: 1em 0em 0.5em 0em; }
div.mbHeaderNav { text-align: center; padding: 0.5em 0em 0.5em 0em; }
div.mbHeaderNav a.selected { font-weight: bold; }
#mbRed { color: #ff6600; }
#mbMsd { color: #ff6600; visibility: hidden; }
#mbMse { color: #ff6600; visibility: visible; }

/* special css instructions for Safari:  Please note, these do not imply
   bugs with Safari -- the main stylesheet is written for IE which has 
   lots of bugs (and market share), and the instructions here are actually 
   to fix IE bugs */

UL.mobIndexItem LI { 
  white-space: normal;
}

DIV.mobIndexHeader {
  padding-bottom: 0px;
}

/* doesn't work with IE or Mozilla, but might as well use it here */
.dgMessageListThreadName DIV {
  white-space: nowrap; 
}