/* Basic Styles */
body {background: rgb(0,0,100); color: white; height: 100%; margin: 0; font-size: 16px;}
h1 {font-size: 150%; color: #0f0; text-align: center;}
h2 {font-size: 200%; color: #0ff; text-align: center;}
h2.replace {text-indent: -9999px; background: top center no-repeat; height: 52px;}
h3 {margin: 0; font-size: medium; text-decoration: underline;} /* Used in American costume boxes */
h4, #navlist h4 a.menuheadlink {color: #6cf; font-family: Arial, Verdana, Helvetica, Sans-serif; text-transform: uppercase; margin: 0; margin-top: .5em; cursor: pointer;} /* New Navigation headers */

.tag {color: white; font-size: 100%; text-align: center;}
.features {color: white; font-size: 100%; text-align: center; width: 80%; margin: 1em auto;} /* Features listed on conversion pages */
.features a {font-style: italic;}
p.indent {color: white; font-size: 100%; margin-left: 4em; margin-right: 4em;}
.site {color: #0f0; font-family: Arial, Verdana, Helvetica, Sans-serif; font-weight: bold;} /* stylized GrnRngr.com */
.eps {color: #f8f; padding-left: 1em; font: 70% Arial, Verdana, Helvetica, Sans-serif;} /* MG episode number refs */
.otherseries {color: #ff0; font-style: italic;}
.used {color: #0ff;}

#skiptonav {position: absolute; left: -9999px; font-size: 16px; font-weight: bold;}
#skiptonav:focus {position: static; display: block; margin-top: 1em; text-align: center;}

/* Navigation */
#menu {position: fixed; top: 0.5em; left: 1em; width: 250px; text-align: left; margin: 1px;} /* Navigation menu box */
#menupart {font: 10px Arial, Verdana, Helvetica, Sans-serif; padding-left: 30px; margin: 0;}
#minilogo {margin: 0; position: relative; left: -10px; border: none;}
#navlist p {margin-top: 0;}
#navlist div {margin-bottom: .5em;}
div#navlist ul, div#allmenu ul {list-style: none; padding: 0; margin: 0;}
div#navlist ul li, div#allmenu ul li {background: top left no-repeat; margin: 2.5px auto; padding-left: 30px;}
div#monslist ul li, div#prmenu ul li {background-image: url("../monsters/logos/prlogos_t.png");}
div#convlist ul li, div#sentaimenu ul li {background-image: url("../monsters/logos/sentailogos_t.png");}
div#convlist ul.toku li, div#sentaimenu ul.toku li {background-image: url("../monsters/logos/tokulogos_t.png");}
.List {font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 75%;} /* Navigation menu link */
.Current {font-weight: bold; text-transform: uppercase;} /* Currently selected navigation menu link */
#nojswarn, .nojswarn {font-weight: bold; text-align: center;} /* No JS warning text */
.Disp {display: block;} /* Navigation menu JS-display */
.NoDisp {display: none;} /* Navigation menu JS-no display */
.ExpCont {border-style: solid; border-width: 1px; border-color: #6cf; color: #6cf;} /* Navigation menu expand box */
.Contents {color: #6cf; font-family: Arial, Verdana, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase;} /* Navigation headers */
div.linkrow {clear: both;}
* html .menu {position: absolute;  top: 0.5em; left: 1em; width: 250px; text-align: left; margin: 1px;} /* backwards compatability for IE */
* html #menu {position: absolute;  top: 0.5em; left: 1em; width: 250px; text-align: left; margin: 1px;} /* backwards compatability for IE */

/* Content */
#content {vertical-align: top; margin-top: 0.5em; margin-left: 275px;} 
#mastercontent {vertical-align: top; margin-top: 0.5em; margin-right: 360px;} /* Content for master list page */

/* Footer */
#footer {margin: 0 auto; border-spacing: 10px; width: 500px;}
#footertri {margin: 0 auto; border-spacing: 10px; width: 600px;}
#footer div {text-align: center;}
#footimg, #footcount {float: left;}
#foottxt {float: right;}
#footcount table {margin: 0 auto; border-width: 1px; border-style: solid; border-spacing: 10px;}
#lowerfoot {clear: both;}
#lowerfoot br {line-height: 0; display: block;}
#lowerfoot img {vertical-align: top;}

/* Section controls for locations of divs on index page */
#allmenu {margin-top: 1em;}
#prmenu {border: 1px solid; float: right; margin: 0 10px 10px; padding: 0 15px; width: 225px;}
#sentaimenu {border: 1px solid; float: right; margin: 0 10px 10px; padding: 0 15px; width: 225px;}
#intro {margin: 25px;}
#homelogo {display: block; margin: 1em auto;}

/* Image controls */
img.moviepic {vertical-align: middle; width: 120px; height: 78px;}
img.tempmovie {vertical-align: middle; width: 120px; height: 113px;}
img.dvdpic {vertical-align: middle; width: 120px; height: 168px;}
img.logo {width: 160px; float: right; margin: 2em; margin-top: 0em;}
img.place {position: fixed; top: 1em; right: 1em; clear: right; border: none;}

/* Conversion Guide headers */
.mchead {width: 75%; margin: 0 auto; padding: 5px; border-spacing: 5px;}
.mchead td {font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; text-align: center; vertical-align: middle; width: 40%;}
.mchead .mid {width: 20%; text-transform: uppercase;}
.mcheadtri {margin-left: auto; margin-right: auto; width: 75%; padding: 5px; border-spacing: 5px;}
.mcheadtri td {font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; text-align: center; vertical-align: middle; width: 20%;}
.mcheadtri .mid {width: 12.5%;}

/* Conversion Guide tables */
.mc {margin-left: auto; margin-right: auto; width: 80%; border-style: dotted; border-width: 1px;}
.mc th {font-size: 125%; text-align: center;}
.mc td {padding: 4px; padding-left: 10px; border-spacing: 1px; border-style: solid; border-width: 1px; width: 50%;}
.mc tr:hover {background: rgb(0,0,50); outline: 2px solid yellow;}
.mctri {margin-left: auto; margin-right: auto; width: 80%; border-style: dotted; border-width: 1px;}
.mctri th {font-size: 125%; text-align: center;}
.mctri td {padding: 4px; padding-left: 10px; border-spacing: 1px; border-style: solid; border-width: 1px; width: 33.3%;}
.mctri tr:hover {background: rgb(0,0,50); outline: 2px solid yellow;}

/* Movie Conversion Guide tables */
.movie {margin: 1em auto; width: 80%; min-height: 175px; padding: 5px; border-spacing: 5px;}
.movie table {width: 100%; max-width: 650px;}
.movie img {float: left;}

/* American costume page */
#american {width: 90%; margin-left: auto; margin-right: auto; border: 2px; border-style: solid; border-spacing: 15px; padding: 5px;}
#american th {font-weight: bold; text-align: right; vertical-align: top; white-space: nowrap;}

/* American costume tables */
.amercost {margin-top: 1em; margin-left: auto; margin-right: auto; width: 50%; padding: 5px; border-spacing: 5px; border-style: outset; border-width: 5px; text-align: center;}
.amercost p {margin: .5em;} 

/* Hybrid costume page */
#hybrid {width: 90%; margin-left: auto; margin-right: auto; border: 2px; border-style: solid; padding: 5px; border-spacing: 5px;}
#hybrid th {font-size: larger; line-height: 2;}
#hybrid td {border-bottom: 1px dashed;}

/* Mininotes */
.mininote, .senser {font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: x-small; vertical-align: top;}
.senser {color: #ff0;}
a:link.mininote, a:visited.mininote {color: #f0f; text-decoration: none;}
a:hover.mininote, a:active.mininote {color: #0f0; text-decoration: underline;}

/* Monster list picture links */
li a:link, li a:visited {color: #fff; text-decoration: none;}
li a:link.usedlistitem, li a:visited.usedlistitem {color: #0ff; text-decoration: none;}
li a:hover, li a:active, li a:hover.usedlistitem, li a:active.usedlistitem {color: #0f0; text-decoration: underline;}

/* Default links */
a:link, a:visited, #navlist a:link, #navlist a:visited, #allmenu a:link, #allmenu a:visited {color: #f00; text-decoration: none;}
a:hover, a:active, #navlist a:hover, #navlist a:active, #allmenu a:hover, #allmenu a:active {color: #2f2; text-decoration: underline;}