/* GLOBAL: LAYOUT */

body {
    background-color: #003;
	min-height: 100vh;
	display:flex;
	flex-flow:column;
}

article#mainContent {
	background: url(../img/layout/bodybg.gif) repeat #F2F4F4;
	padding:15px 0;
}

/* GLOBAL: HEADER */

#header {
    height: 100px;
    margin-bottom: 20px;
}

/* GLOBAL: NAVIGATION */

.topnav {
    padding-top: 25px;
	background: #003 url("../img/layout/headbg.png") no-repeat bottom right 1em;
}

@media screen and (max-width:991px) {
    .topnav {
        background-image: initial;
		background: #003;
    }
}

.navbar-brand {
    margin-top: -20px;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link:visited {
    color: #FFF;
}

/* GLOBAL: FOOTER */

#footer {
	display:flex;
	flex-direction: column;
    min-height: 100%;
    background-color: #003;
    padding-bottom: 20px;
    margin-top: 20px;
}

#footer p {
    font-size: 0.7em;
    color: #FFF;
    margin-top: 10px;
    margin-bottom: 0;
}

#footer a,
#footer a:hover,
#footer a:active,
#footer a:visited {
    color: rgb(173, 199, 234);
}

/* GLOBAL: HEADINGS */

#title {
    padding: 20px;
    background-color:#003;
/*    border: 2px solid #003; */
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    #title {
    	border-radius:0.5em;
    }
} 

#title h1 {
    margin-bottom: 0;
    font-size: 1.8em;
    color: #FFF;
    font-weight: bold;
}

#title .subheading {
    display:block;
    color: #FFF;
    margin: 0;
    font-weight: bold;
	font-size: 1.4em;
}

#title h1 span.subheading {
    display:block;
	font-size: 0.8em;
}
#title h1 span.maintitle {
    display:block;
}

#title a {
	color:#B3B3C2;
}

#title a:hover,
#title a:active {
	color:#CDCDD7;
}

h2 {
    font-size: 1.5em;
    color: #003;
    font-weight: bold;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #003;
    margin: 0 0 1em 0;
}

h4 {
    font-size: 1em;
    font-weight: bold;
    color: #003;
}

/* GLOBAL: FONTS */

p,
ul,
ol,
li:last-of-type{
    margin-bottom: 1em;
}

a,
a > h3 {
    color: #003ebb;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
}

.monospace {
	font-family: monospace;
}


/* GLOBAL: IMAGES */

img {
	max-width: 100%;
}
img.padimg {
    margin-bottom: 1em;
}
img.centered {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}
img.border {
	border-color:#CDCDD7;
}
img.flag {
	border:1px solid #CDCDD7;
	width:20px;
	height:auto;
}

figure {
    text-align: center;
}

figure figcaption {
    margin-top:0.5em;
    margin-bottom:1.5em;
    font-size:0.9em;
}

/* GLOBAL: LISTS */

ul {
    list-style: disc;
    margin: 0 20px 10px 0;
}

ol {
    list-style: decimal;
    margin: 0 20px 10px 0;
}

li {
    margin-bottom: 5px;
}

ul.nobullet,
ol.nobullet {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

ol.abc {
    list-style: upper-alpha;
}


/* GLOBAL: TABLES */

.table-outer {
    overflow-x: auto;
}

table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    margin-bottom: 15px;
    background-color: #F2F4F4;
    border-color:#FFF;
}

th {
    padding: 5px;
    vertical-align: top;
    font-weight: bold;
    color: #FFF;
    background-color: #999;
    border-top: 1px solid #FFF;
}
th.darker {
	background-color:#737373;
}

td {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #FFF;
}

th.border-left, td.border-left {
    border-left:1px solid #FFF !important;
}

th.border-right, td.border-right {
    border-right:1px solid #FFF !important;
}

td ul,
td li {
    margin-bottom: 0;
}


/* GLOBAL: FORMATTING COMPONENTS */

hr {
	border-color:#CDCDD7;
	border-width: 2px;
}

blockquote {
    border-left: 10px solid #CDCDD7;
    margin-left: 0.1em;
    padding-left: 0.7em;
    color: #444;
}

audio {
    margin: 0.5em 0;
    text-align: center;
}

/* HOMEPAGE */

#homepagebanner {
	background-image: url("../img/homepage-2023.jpg");
	background-size: cover;
	background-position: center;
	min-height:250px;
	border: none;
}

.hp-highlights a figcaption {
    font-size: 1em;
    font-weight:bold;
}


/* GLOBAL: CONTAINERS */

.content-box {
    background-color: #FFF;
    border-top: 2px solid #CDCDD7;
    border-bottom: 2px solid #CDCDD7;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

@media (min-width: 576px) {
    .content-box {
    	border-radius:0.5em;
        border: 2px solid #CDCDD7;
    }
} 

.content-box h2 {
    border-bottom: 2px solid #CDCDD7;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.content-box.notitle {
    padding-top: 20px;
}


/* COMMON: FORMATTING CLASSES */

.center {margin-left: auto; margin-right: auto; text-align: center;}
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.remove-bottom {margin-bottom: 0;}
.caption {font-size: 10px; margin: 5px 0;}
.small {font-size: smaller; font-weight:inherit;}
.jp {color: #666;}
.warning {color: #CC0000;}

.roundcorners {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.credit {
    font-size: 0.8em;
	margin:0;
	padding:5px 0 0 0;
	border-top:1px dotted #CDCDCD;
	text-align:right;
	color: #525252;
}


/* COMMON: NOTES BOX */

.notes {
    clear: both;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #F2F4F4;
    border-radius: 5px;
}

/*.notes p,
.notes h4,
.notes ul {
    margin-bottom: 1em;
} */

.notesHead {
    font-weight: bold;
    font-size:1em;
    color: #666;
    margin: 0 0 1em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px dotted #99C;
}

/* SUBNAV OPTIONS: LINK LISTS */

.link-list {
    width: 100%;
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.link-list li {
    background-color: #F2F4F4;
    margin-left: 0;
    margin-bottom: 1px;
    padding: 5px;
}


/* SUBNAV OPTIONS: CONTENT BOXES */

.contentsBox {
    background-color: #F2F4F4;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
	    moz-border-radius: 5px;
	    webkit-border-radius: 5px;
    padding: 5px 10px;
}
.contentsBox ul {
	margin-left:0;
}

.contentsHead {
    font-weight: bold;
    color: #666;
    margin: 0 0 5px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px dotted #99C;
}

.contentsBox h4,
.contentsBox ul,
.contentsBox li {
    margin-bottom: 0;
}

/* SHOW/HIDE BOX */

.topicAside {
	display:block;
	width:100%;
	clear:both;
	border-left: 5px solid #CDCDD7;
	padding-left: 0.5em;
	margin:1em 0;
}

.topicShowHide {
	width:100%;
	clear:both;
	margin-bottom:0;
}

.topicShowHide a[aria-expanded="false"]::before {
	content: "\25BC\A0 Show this";
	margin-right:0.3em;
}

.topicShowHide  a[aria-expanded="true"]::before {
	content: "\25B2\A0 Hide this";
	margin-right:0.3em;
}

/* TABLE */

td.name .maintitle {
    display: block;
	font-size:0.8em;
	font-weight:bold;
	margin:0;
	padding:0;
}

td.name .alttitle {
    display: block;
	font-size:0.8em;
	margin:0;
	padding:0;
}

/* GAME LISTS - LINK ONLY */

ul.gameButtonList {
	margin:0;
	padding:0;
	list-style:none;
}

li.gameButtonLinkOnly {
	margin:0 0 0.5em 0;
    padding: 0.3em;
    background-color: #F2F4F4;
    position: relative;
    box-sizing: border-box;
	border:1px solid #CDCDCD;
	border-radius: 5px;
}

li.gameButtonLinkOnly:hover {
    background-color: #EAEAEA;
}

.gameButtonImg {
	width: 70px;
    display: inline-block;
	vertical-align: top;
}

.gameButtonImg img {
    display: block;
    margin: 0;
    padding: 0;
}

.gameButtonText {
    padding: 0 15px;
	margin:0;
	width: calc(100% - 85px);
    display: inline-block;
	vertical-align: top;
	font-size:0.8em;
}

.nothumbs .gameButtonText {
	width:100%;
}


/* GAME LISTS: 2025 STYLE */

div.gameListControls {
	width:100%;
	background-color:#CDCDD7;
	margin-bottom:1em;
	border-radius:5px;
	padding:0.5em;
}

div.gameListControls button {
	color: #003;
	font-weight:bold;
	background-color:#E7E7EC;
	border:2px solid #003;
	border-radius: 5px;
	padding:2px 10px;
	margin:0 0.5em 0 0;
}

div.gameListControls button:hover,
div.gameListControls button:active {
	background-color:#FFFFFF;
	cursor:pointer;
}

ul.gameList {
	margin:0;
	padding:0;
	list-style:none;
}

li.gameListEntry {
	margin:0 0 0 0;
	padding:1em 0 0 0;
    position: relative;
	border-top:2px solid #CDCDD7;
}

li.gameListEntry:first-of-type {
	border-top:none;
	padding-top:0;
}

li.gameListEntry:last-of-type {
	margin-bottom:0;
	padding-bottom:0;
}

/* Game list item: Image Block (Small Thumbnail) */

.gameListImg img {
    margin: 0 0 1em 0;
}

/* Game list item: Text Block */

.gameListText {
    padding: 0 15px;
	margin:0;
	vertical-align: top;
	font-size:0.8em;
}

.gameListTextNote {
	clear:both;
	color: #6A6A6A;
}

/* Game list item: Name */

.gameList .gameName {
	padding: 0;
	margin:0 0 1em 0;
}

.gameName .maintitle {
	font-size:1.3em;
    display: block;
	font-weight:bold;
	margin:0;
	padding:0;
}

.gameName .alttitle {
    display: block;
	font-weight:bold;
	margin:0;
	padding:0;
}

.gameName .alttitle img.flag {
	vertical-align: text-bottom;
}

/* Game Releases */

.gameReleases {
	display:block;
	width:100%;
	clear:both;
	/* border-top: 1px solid #CDCDD7; */
	border-left: 5px solid #CDCDD7;
	padding-left: 0.5em;
	margin:1em 0;
}

p.gameReleasesData {
	font-weight:bold;
	color: #404066;
	margin:0.5em 0;
}

p.gameReleasesHead {
	margin:0 0 0.5em 0 !important;
	clear:both;
	font-weight:bold;
	color: #404066;
	border-top:1px dotted #CDCDD7;
	padding-top:0.5em !important;
}

/* p.gameReleasesHead:first-of-type {
	border:0;
} */

ul.gameReleasesList {
	display:block;
	width:100%;
	clear:both;
	list-style: none;
	margin:0.5em 0 0 0;
	padding:0;
	min-height: 2em;
}

ul.gameReleasesList li.release {
	padding:0 0 2px 0;
	margin:0 1.5em 0.5em 0;
	display: block;
	float: left;
}

ul.gameReleasesList li.release:last-of-type {
	margin-right:0;
}

ul.gameReleasesList .release img.flag {
	vertical-align: text-bottom;
	border:1px solid #CDCDD7;
	width:20px;
	height:auto;
}

.gameDataShowAll {
	width:100%;
	clear:both;
	margin-bottom:0;
}

.gameDataShowAll a[aria-expanded="false"]::before {
	content: "\25BC\A0 Show all releases";
	margin-right:0.3em;
}

.gameDataShowAll  a[aria-expanded="true"]::before {
	content: "\25B2\A0 Hide all releases";
	margin-right:0.3em;
}

/*
.secondaryReleases {
	clear:both;
	min-height: 100%;
	margin:0;
	padding:0;
} */

/* Game Links */

.gameLinks {
	display:block;
	width:100%;
	clear:both;
	/* border-top: 1px solid #CDCDD7; */
	margin:1em 0;
}

.gameLinksList {
	display:block;
	width:100%;
	clear:both;
	list-style: none;
	margin:0.5em 0 0 0;
	padding:0;
	min-height: 2em;
}

.gameLinksList li {
	padding:0;
	margin:0 0.5em 0.5em 0;
	display: inline-block;
	float: left;
}

.gameLinksList li:last-of-type{
	margin-right:0;
}

.gameLinksList li a {
	display:inline-block;
	background-color:#003ebb;
	border-radius:5px;
	padding:0.2em 1em;
	margin-right: 0.2em;
	color:#FFF;
	font-weight:bold;
}

.gameLinksList li a:hover,
.gameLinksList li a:active {
	background-color:#266EFF;
	text-decoration: none;
}


/* LEGACY: Link-only game lists */

li.gameButtonLinkOnly a,
li.gameButtonLinkOnly a:hover,
li.gameButtonLinkOnly a:active {
	display:block;
	text-decoration: none;
	border:0;
}

li.gameButtonLinkOnly .seriesBlockImg,
li.gameButtonLinkOnly .seriesBlockText{
	vertical-align: middle;
}

li.gameButtonLinkOnly .seriesBlockText p {
	margin:0;
	padding:0;
}

li.gameButtonLinkOnly a:hover .seriesBlockImg,
li.gameButtonLinkOnly a:hover .seriesBlockText {
	border:0;
	text-decoration: none;
}


/* LEGACY: Old Series Blocks game lists */

.seriesBlock {
    padding: 5px;
    background-color: #F2F4F4;
    position: relative;
    box-sizing: border-box;
	list-style: none;
	margin:2px;
}
li.seriesBlock:hover,
li.seriesMiniBlock:hover {
    background-color: #EAEAEA;
}
.seriesBlockImg {
	width: 70px;
    display: inline-block;
	vertical-align: top;
}

.seriesBlockImg img {
    display: block;
    margin: 0;
    padding: 0;
}

.seriesBlockText {
    padding: 0 15px;
	width: calc(100% - 85px);
    display: inline-block;
	vertical-align: top;
}

.seriesBlockBig {
    width: 100px;
    float: left;
    position: relative;
}

.seriesBlockSmall {
    width: 30px;
    float: left;
    position: relative;
}

.seriesBlockBig,
.seriesBlockSmall {
    margin: 0;
    padding: 0;
}

.seriesBlock p {
    margin: 0;
    padding: 0;
}

.seriesBlock a {
    display: block;
    text-decoration: none;
}

.seriesMiniBlock a {
    display: block;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
}


/* LEGACY: Game System Colours */

/* .gameListSystem {
    display: inline-block;
	padding:2px 10px;
    margin: 0.5em 0;
    border-radius: 100px;
    text-align: center;
	font-size:0.7rem;
    font-weight: bold;
    position: relative;
} */

.systemac, .systemmisc {background-color: #999; color: #FFF;}
.systemctvg {background-color: #F58E25; color: #FFF;}
.systemgw {background-color: #FF6600; color: #FFF;}
.systemnes {background-color: #CC0000; color: #FFF;}
.systemfcd {background-color: #FC0; color:#000;}
.systemgb {background-color: #72BB04; color: #FFF;}
.systemsnes {background-color: #9999CC; color: #FFF;}
.systemvb {background-color: #990000; color: #FFF;}
.systemn64 {background-color: #4E4E4E; color: #FFF;}
.systemgbc {background-color: #64A3AA; color: #FFF;}
.systemgba {background-color: #9271D7; color: #FFF;}
.systemgcn {background-color: #815BEA; color: #FFF;}
.systempm {background-color: #33CCFF; color: #FFF;}
.systemds {background-color: #CC60CC; color: #FFF;}
.systemwii {background-color: #3399FF; color: #FFF;}
.system3ds {background-color: #990000; color: #FFF;}
.systemwiiu {background-color: #0099FF; color: #FFF;}
.systemswitch {background-color: #45494C; color:#03CAE7;}
.systemswitch2 {background-color: #45494C; color:#FF8671;}




/* GAME LISTS */

.gameBlock {
	background-color:#FFF;
	border-top: 1px solid #CDCDCD;
	margin-bottom:1em;
	padding-top:1em;
}

.gameBlock:first-of-type {
	border-top: 0;
	padding-top: 0;
}

.gameBlock .gameBlockContent {
	background-color:#F2F4F4;
	padding:0.5em;
	border-radius:5px;
	margin-bottom:0.5em;
}

.gameBlockText {
    padding-left: 15px;
	width: calc(100% - 85px);
}

.gameBlockImg,
.gameBlockText {
    display: inline-block;
	vertical-align: top;
}

.gameBlock h4 {
	border-bottom: 1px dotted #CDCDCD;
}

.gameBlock .gameBlockContent p,
.gameBlock .gameBlockContent ul,
.gameBlock .gameBlockContent ul li,
.gameBlock .gameBlockContent ol,
.gameBlock .gameBlockContent ol li {
	margin:0;
}

.gameBlock .gameBlockContent p,
.gameBlock .gameBlockContent li {
	font-size:0.9em;
}

/* GAME LISTS */

article.gameListBox div.boxImg {
    width: 120px;
}

article.gameListBox div.boxInfo {
    width: 560px;
}

div.gamelist {
    width: 640px;
    margin: 0 10px 20px 0;
}

div.gamelist h3 {
    margin: 0 0 5px 0;
}

div.gamelistimg {
    width: 150px;
    float: left;
    text-align: center;
}

div.gamelistcontent {
    width: 550px;
    float: right;
    margin-left: 10px;
}

.gamelistlinks {
    margin: 0;
    font-size: 10px;
    color: #666;
}

p.gamelistinfo {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    margin: 0 0 5px 0;
}

.gamelistcontent .alttitle {
    font-size: 12px;
    color: #666;
    font-style: italic;
    font-weight: normal;
    display: block;
    text-decoation: none;
    margin: 0 0 5px 0;
}

div.gamelistBox {
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #e2e2e2;
}

div.gamelistBox h3 {
    margin: 0 0 5px 0;
}

div.gamelistBox div.gamelistimg {
    width: 100px;
    height: 75;
    margin-bottom: 10px;
    float: left;
    text-align: center;
}

div.gamelistBox div.gamelistcontent {
    width: 500px;
    float: right;
    margin-left: 10px;
}

table.gamelist {
    width: 100%;
    margin: 5px 0 15px 0;
    border: 0;
    border-collapse: collapse;
}

table.gamelist th {
	font-size: 0.8em;
}

table.gamelist td {
    vertical-align: middle;
}

table.gamelist th.sys,
table.gamelist td.sys {
    width: 15%;
	text-align: center;
}

table.gamelist th.date,
table.gamelist td.date {
 	font-size: 0.8em;
	width: 15%;
    text-align: center;
}

table.gamelist th.thumb,
table.gamelist td.thumb {
    width: 70px;
    padding-left: 5px;
}

table.gamelist td.thumb img {
	border-radius: 0.2em
}

table.gamelist th.name,
table.gamelist td.name {
    padding-left: 10px;
}

.subdate {
    display: block;
    font-size: 0.7em;
}


/* GAME PAGE ~ DEPRECATED */

.gameInfo .gameTitle {
    border-bottom: 1px solid #CDCDCD;
    padding-top: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 1em;
}

.gameInfo .gameTitle h2 {
    border-bottom: 0;
    margin: 0 0 0.2em 0;
    padding-top: 7px;
    padding-bottom: 0;
}

.gameInfo .gameTitle .subheading {
    color: #525252;
    margin: 0 0 0.2em 0;
    font-weight: bold;
	font-size: 1em;
}

@media screen and (min-width:768px) {
    .gameInfoIntro {
        position:relative;
        float:left;
    }
    .gameInfoData {
        position:relative;
        float:right;
    }
}

.gameHeaderSystem {
    padding-top: 0;
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 0;
    margin-right: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.gameHeaderSystem a {
    display: block;
    width: 40px;
    height: 40px;
    color: #FFF;
}

.gameHeaderSystem a:hover {
    text-decoration: none;
}

.gameHeaderSystemName {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



.gameDataTable td,
.gameDataTable th {
	font-size: 0.8em;
}
.gameDataTable th {
    width: 25%;
}

.gameRelease th,
.gameRelease td {
	font-size: 0.8em;
    padding: 3px 5px;
    vertical-align: middle;
}
.gameRelease .date {
    width: 15%;
	text-align: center;
}
.gameRelease th.date img {
    border: 1px solid #CDCDCD;
}


/* GAME PAGE: INFO & RELEASE TABLES */

table.info {
    width: 267px;
    font-size: 10px;
    border: 1px solid #99C;
}

table.info th {
    width: 70px;
}

table.info td.links,
table.info th.links {
    width: 220px;
}

table.releases {
    width: 267px;
    border: 1px solid #99C;
}

table.releases th.flag {
    width: 20px;
    text-align: center;
    vertical-align: middle;
}

table.releases td.date {
    font-size: 10px;
}


/* GAME PAGE: SERIES BLOCK & INDEX BLOCK */

.gameSeries,
.indexBlock {
	background-color:#E2E2E2;
    padding-bottom:0;
}

.gameSeries h2,
.indexBlock h2 {
	font-size: 1.2em;
}

.gameSeries h3,
.indexBlock h3 {
	font-size: 1em;
    margin:0.5em 0;
}

.gameSeries hr,
.indexBlock hr {
    margin:0 0 0.5em 0;
}

.gameSeries ul,
.indexBlock ul {
    display: inline-block;
    width: 100%;
    list-style: none;
	margin: 0 0 0.5em 0;
    padding: 0;
}

.gameSeries ul li,
.indexBlock ul li {
    font-size:0.8em;
    display: block;
    float: left;
    margin: 0.5em 0.3em 0 0;
}

.gameSeries ul li:after,
.indexBlock ul li:after {
    content: '\0009\2022';
}

.gameSeries ul li:last-of-type:after,
.indexBlock ul li:last-of-type:after {
    content: '';
}


/* SERIES LISTS */

.seriesMain,
.seriesMini {
    border: 1px solid #CCC;
    margin: 0 0 15px 0;
    padding: 10px;
    font-size: 12px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}



.seriesMainContent {
    width: 500px;
    float: right;
    position: relative;
}

.seriesMainContent h2 {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.seriesMainContent h3 {
    font-size: 13px;
    margin: 5px 0;
    color: #666;
}

.seriesMainTitle {
    border-bottom: 2px dotted #CCC;
    padding: 5px 0;
    margin-bottom: 10px;
}

.seriesMiniContent {
    width: 570px;
    float: right;
    position: relative;
}

.seriesMiniContent h2 {
    background: none;
    border: 0;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 14px;
}

.seriesSubList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.seriesSubListEntry {
    display: block;
    width: 240px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
}

.seriesSubListEntry a {
    display: block;
    padding-top: 5px;
}

.seriesSubListEntry img {
    width: 30px;
    float: left;
    margin-right: 10px;
}

.seriesSubListMisc {
    display: block;
    width: 200px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
    padding-left: 40px;
}

.seriesMainSub a {
    display: block;
    padding: 5px 0 5px 10px;
}

.seriesdivider {
    clear: both;
    margin: 10px 0;
    border-top: 2px dotted #CCC;
}

.seriesSearchCol1 {
    width: 45%;
    float: left;
    font-weight: bold;
}

.seriesSearchCol2 {
    width: 45%;
    float: right;
    font-size: 12px;
}

.seriesSearchCol1 ul,
.seriesSearchCol2 ul {
    list-style: none;
    margin: 0 0 30px 0;
}


/* SERIES PAGES
Note the Game Buttons have a dependency here ~ merge */

.seriesGameImg {
    border: 1px solid #E2E2E2;
}

h3.seriesGameTitle {
    margin-top: 0;
}



div.releasebar {
	font-size: 0.8em;
	margin-top:0.5em;
}

div.releasebar .systemPill {
	display:inline-block;
	border-radius: 1em;
	padding:0.2em 0.7em;
}

div.releasebar .date {
	display:inline-block;
	padding:0.1em 0.5em;
}


/* GAME GUIDES */

.gameGuideEntry {
    margin-bottom: 20px;
    border-bottom: 1px solid #CCC;
}

.gameGuideEntryName {
    margin-bottom: 5px;
}

.gameGuideImg {
    display: block;
    max-width: 100%;
	margin-top: 0.5em;
}

.gameGuideImgName {
    display: block;
    max-width: 100%;
	text-align: center;
	font-size: smaller;
	font-weight: bold;
	margin: 0.5em 0 1em 0;
}
.gameGuideImgName .enname {
	margin:0;
}
.gameGuideImgName .jpname {
	color:#666;
	margin:0;
}

.gameGuideEntryName h3 {
    font-weight: bold;
    margin: 0;
    border: 0;
}

.gameGuideEntryName p.jp {
    font-weight: bold;
    color: #666;
    margin: 0;
    border: 0;
}

.gameGuideEntryPic {
    float: right;
    margin: 0 0 5px 10px;
}

ul.guide {
    list-style: none;
    color: #666;
}


/* CAMEOS: SSB GUIDES */

.ssbLegacy {
    margin: 10px 0;
}

.ssbLegacy span {
    display: block;
    padding: 3px 10px;
    border-bottom: 1px solid #FFF;
    background-color: #F2F4F4;
    border-radius: 5px;
}

.ssbStickerImg {width:30px}
.ssbStickerList td, .ssbStickerList th {padding-right:5px;}
.ssbStickerGame {font-weight:bold; background-color:#F2F4F4; padding-left:5px}
.ssbStickerName {width:400px; padding-left:5px;}
.ssbStickerEffect {text-align:right;}


/* FEATURE: HARDWARE */
td.hardwareserial {
    width: 120px;
}