:root {
--w:#FFF;
--r:#337ab7;
--b:#222;
}

#ulmenu ul {
overflow:hidden;
list-style-type:none;
line-height:24px;
padding-left:0;
margin:0 2px 2px 2px;
}

#ulmenu li {
float:left;
display:block;
font-family:sans-serif;
color:var(--b);
border:1px solid var(--w);
background:var(--w);
border-width:0 0 2px;
margin:2px;
padding:0 15px;
}


.kw-name {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  color: #444;
}

  .kawaii-widget {
    max-width: 380px;
    margin: 20px auto;
    padding: 16px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    font-family: system-ui, sans-serif;
    text-align: center;
  }

  .kw-img {
    width: 100%;
/*     height: 420px; */
    aspect-ratio: 4 / 5;
    border-radius: 12px;
    object-fit: cover;
    object-position: top center;
    transition: opacity .25s ease;
  }

.kw-btn {
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}

.kw-btn.pop {
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

  .kw-buttons {
    margin-top: 14px;
    display: flex;
    gap: 10px;
  }

  .kw-btn {
    flex: 1;
    padding: 12px 0;
    font-size: 1.1rem;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .kw-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
  }

  .kw-btn.kawaii {
    background: #ff7dc7;
    color: white;
  }

  .kw-btn.not {
    background: #d1d1d1;
    color: #333;
  }

.kw-img {
  transition: opacity .25s ease;
}

  div.yl728 {  width: 300px; height: 250px; }
div.yl600 {  width: 300px; height: 600px; }
div.yl300 {  width: 300px; height: 250px; }
div.yl160 {  width: 160px; height: 600px; }

.roll-in-once {
  animation: roll-in-once 2s ease ;
}
@keyframes roll-in-once {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}


@media all and (min-width: 730px) {
	div.yl728 {  width: 728px; height: 90px; }
	div.yl600 {  width: 300px; height: 250px; }
}


.sidearrows {
position:fixed;
right:10px;
bottom:10px;
width:auto;
z-index:1000;
}





/*--w:#FFF;
--r:#337ab7;
--b:#fdb327;

--w:#FFF;
--r:#337ab7;
--b:#222;

*/

#randombuttons a {
border:3px solid var(--r);
border-radius:1em 1em;
font-size:1.1em;
border-width:0 0 2px;
padding:3px 15px;
}

A {
color:var(--r);
text-decoration:none;
}

A:hover {
color:#23527c;
text-decoration:underline;
}

div.miniframe {
border:1px solid var(--b);
padding-top:0;
margin:2px 2px 5px;
}

h4.miniframe {
margin-top:0;
margin-bottom:0;
background:var(--b);
border:1px solid var(--b);
color:var(--r);
padding:0 3px 3px;
}

#tile2search select,#tile2search input {
width:150px;
float:left;
text-align:center;
margin:3px;
}

select {
background:#FFF!important;
color:#000!important;
}

#top_rand ul {
overflow:hidden;
list-style:none;
font-size:1em;
font-family:sans-serif;
text-indent:0;
line-height:32px;
margin:0;
}

#top_rand li {
height:32px;
vertical-align:middle;
display:block;
float:left;
margin-left:5px;
color:var(--b);
background:var(--w);
opacity:1;
border-radius:10px 10px;
border:1px solid var(--w);
padding:2px 10px;
}

#top_rand li:hover {
background:var(--w);
}

td.follow {
text-align:left;
width:auto;
border:1px solid #f67;
border-radius:.5em 3em 3em .5em;
margin-left:15px;
padding:8px 15px;
}

#top_rand table {
background:#eee;
padding:0;
}

#top_rand td {
padding:0;
}

BODY {
font-family:sans-serif;
text-align:center;
font-size:.9em;
color:#080808;
margin:0;
padding:0;
}

td.newsidemenu {
background:#FFF url(https://www.animecharactersdatabase.com/bg/1_30_gray_2.png) repeat-y;
border:1px solid silver;
border-width:1px 0 0 1px;
margin:0;
padding:10px;
}

td.maincontent {
border-spacing:0;
border:1px solid silver;
border-width:1px 0 0;
margin:0;
padding:0;
}

.big {
font-size:140%;
}

.s400 {
width:400px;
}

.s500 {
width:500px;
}

.s600 {
width:600px;
}

TABLE {
border-spacing:5px;
margin:auto;
}

FORM {
margin-top:0;
}

TEXTAREA:focus,INPUT:focus {
border-color:#59f;
}

INPUT,SELECT,OPTION,TEXTAREA {
background:var(--b);
color:var(--w);
border:1px solid var(--b);
}

TEXTAREA {
border:1px solid var(--w);
border-width:1px 1px 3px;
}

input[type=submit] {
background:var(--w);
color:var(--b);
border-style:outset;
padding:.2em .5em;
}

#normalzone INPUT {
border:1px solid #DDD;
color:#000;
background:var(--w);
}

H1 {
font-family:sans-serif;
color:var(--w);
padding:10px;
}

H2 {
font-family:sans-serif;
background:var(--b);
color:var(--r);
text-align:left;
}

H3 {
text-indent:10px;
text-align:left;
color:var(--b);
background:var(--w);
padding:5px;
}

UL {
list-style:disc;
color:blue;
text-align:left;
}

DL {
width:95%;
text-align:left;
margin:auto;
}

DT {
border:1px solid #ace;
color:#000;
font-weight:700;
font-family:sans-serif;
border-width:0 0 1px;
padding:2px;
}

DD {
margin-bottom:10px;
text-indent:10px;
padding:4px;
}

div.nc_date {
text-align:right;
font-style:italic;
color:#333;
padding:5px;
}

div.nc_name {
text-align:left;
font-style:italic;
padding:5px;
}

div.nc_comment {
background:#F8F8F8;
text-align:left;
border-color:silver;
border-style:solid;
border-width:1px 0;
padding:20px;
}

#watching th {
background:#000;
color:#FFF;
}

#watching td {
background:#EFEFEF;
width:120px;
vertical-align:top;
font-weight:700;
}

#guildlist table {
width:95%;
border-color:silver;
border-style:solid;
border-width:1px;
}

#guildlist th {
border-color:#000;
border-style:solid;
border-width:0 0 1px;
}

#guildlist td {
border-color:silver;
border-style:solid;
border-width:0 0 1px;
}

span.i {
font-style:italic;
}

h2.role {
text-align:center;
background:#EFEFEF;
border-color:silver;
border-style:solid;
border-width:1px;
padding:2px;
}

img.spaceme {
padding-left:20px;
}

div.commentbubbletop {
padding-right:20px;
font-style:italic;
}

div.commentbubble {
font-family:sans-serif;
font-size:12px;
margin:20px;
padding:5px 25px 25px;
}

span.score {
text-transform:none;
font-family:sans-serif;
font-size:1.5em;
color:#135;
font-weight:700;
padding-right:30px;
}

table.commentbubble {
margin-top:0;
margin-bottom:10px;
width:100%;
border-spacing:0;
}

td.commentbubble {
text-align:left;
color:#000;
box-shadow:0 5px 1em #999;
border:3px solid #ace;
border-radius:5px 5px;
border-width:3px 1px;
padding:5px 15px 0;
}

th.commentbubble {
width:180px;
height:110px;
text-align:left;
color:purple;
background:url(img/leftbubble_ace_100x200.png) center right no-repeat;
}

p.red {
color:red;
font-size:9px;
}

table.modpannel {
margin:10px 0 0;
}

div.middleframe {
margin:10px 15px 10px 10px;
padding:5px;
}

div.outframe {
margin:0px;
padding:5px;
}

#frameheader img {
height:24px;
width:24px;
}

h1.frameheader {
margin-top:0;
margin-bottom:0;
font-family:sans-serif;
font-size:1em;
text-align:left;
}

#menu2012 table {
font-size:.75em;
width:100%;
border-spacing:0;
margin:0;
padding:0;
}

#menu2012 td {
width:25%;
vertical-align:top;
padding:0 15px;
}

#menu2012 h3 {
text-align:left;
font-family:sans-serif;
color:red;
font-size:1.2em;
}

#menu2012 ul {
list-style:none;
padding:10px;
}

#menu2012 li {
color:#FF0;
border-width:0 0 1px;
margin:5px auto;
}

#menu2012 li:hover {
background:#FF0;
color:#000;
}

td.mar2012side {
border:1px solid silver;
width:300px;
vertical-align:top;
font-size:10px;
border-width:1px 0 0;
padding:0;
}

#cbtable table {
width:100%;
border-spacing:5px;
}

div.cb {
width:150px;
text-align:left;
font-size:12px;
overflow:auto;
height:300px;
margin:auto;
}

div.box {
border:solid #FFF 1px;
border-width:0 1px 1px 0;
margin:auto auto 10px;
}



div.notice {
background:#fcc;
width:auto;
border-radius:20px;
box-shadow:2px 5px 2em red;
margin:50px;
padding:5px;
}

div.notice_inner {
background:#fe9;
width:auto;
color:#000;
font-size:1.2em;
font-family:monospace;
font-weight:700;
border:1px solid red;
border-radius:10px;
box-shadow:2px 5px 2em red;
margin:10px;
padding:10px;
}

#bestform textarea {
width:100%;
height:200px;
}

font.black {
background:#000;
color:#000;
}



#ulmenu2 ul {
overflow:hidden;
list-style-type:none;
line-height:24px;
}

#ulmenu2 li {
height:24px;
float:left;
display:block;
font-size:.85em;
font-family:sans-serif;
border-radius:1em 2em;
color:#000;
border:1px solid #ccc;
border-color:#59f;
border-width:0 1px;
margin:10px;
padding:5px 15px;
}

#ulmenu3 ul {
overflow:hidden;
list-style-type:none;
line-height:2em;
}

#ulmenu3 li {
float:left;
display:block;
font-size:.9em;
font-family:sans-serif;
text-align:center;
color:#000;
border:1px solid #69f;
border-width:0 0 2px;
margin:10px;
padding:0 2px;
}

#ulmenu3 li:hover {
color:#000;
background-color:#FFF;
}

#besttable table {
width:100%;
border-spacing:5px;
border:1px solid #FFF;
}

#linkheader input,select {
margin:0 auto;
}

#linkheader table {
font-size:10px;
}

h2.frame2 {
color:#F80;
text-align:left;
border:solid #eaeaea 1px;
font-size:100%;
padding-bottom:10px;
text-indent:20px;
border-width:0 0 1px;
}

div.frame2 {
border:1px solid gray;
border-color:#333 #EFEFEF #EFEFEF #AFAFAF;
border-width:2px 1px 1px;
margin:10px 0;
padding:0;
}

.s0 {
background:#dfefdf;
}

div.spro {
border:solid #efefef 1px;
font-size:11px;
margin:3px;
padding:3px;
}

table.login_box {
font-size:.9em;
color:#000;
text-align:center;
opacity:.85;
}

#login_box td {
border-spacing:0;
padding:2px;
}

#login_box input {
margin:0;
}

#qsearch INPUT,#qsearch SELECT {
font-weight:700;
width:100%;
margin-top:0;
}

table.randomlinks {
text-align:center;
width:100%;
border-spacing:0;
margin:0 auto;
}

table.content {
width:100%;
border-spacing:5px;
min-height:600px;
text-align:center;
margin:0 auto;
}

div.footer {
border:1px solid #000;
border-width:10px 0 0;
}

table.footer {
width:100%;
text-align:left;
}

table.title {
width:100%;
opacity:1;
}

h1.logo {
border:none;
}

table.rlinks {
font-size:90%;
}

#rlinks td {
padding:0 25px;
}

td.left {
text-align:left;
width:20%;
padding-left:10px;
font-size:1.1em;
}

td.center {
text-align:center;
width:60%;
padding-top:5px;
padding-bottom:5px;
}

td.right {
text-align:right;
width:20%;
padding-right:10px;
font-size:1.1em;
}

li.characterthumbs {
float:left;
display:block;
text-align:center;
border-color:silver;
border-style:solid;
border-width:1px;
margin:5px;
padding:10px;
}

ul.characterthumbswide {
overflow:hidden;
list-style-type:none;
margin:auto;
padding:0;
}

ul.characterthumbs {
overflow:hidden;
list-style-type:none;
width:928px;
margin:auto;
padding:0;
}

table.menubuttons {
text-align:center;
width:100%;
font-size:.8em;
font-weight:400;
padding:0;
}

div.mainsearch {
text-align:center;
margin:10px auto;
}

#mainsearch select {
width:160px;
text-align:center;
}

#mainsearch th {
width:100px;
border:1px solid #FFF;
background:#f8f8f8;
font-size:120%;
}

#mainsearch td {
border:1px solid #FFF;
background:#e8e8e8;
vertical-align:middle;
font:90% Arial;
padding:5px;
}

#mainsearch table {
background:#efefef;
border-spacing:5px;
border:1px solid #e0e0e0;
margin:auto;
}

div.choosemt {
width:600px;
text-align:center;
margin:10px auto;
}

div.pager {
margin:10px auto;
}

a.page,a.next,a.current {
border-radius:1em 2em;
border:1px solid var(--b);
background:var(--b);
color:var(--w);
font-weight:700;
font-size:1.5em;
font-family:monospace;
padding:10px;
}

a.current {
color:var(--r);
background:var(--w);
border-color:var(--w);
}

a.page:hover,a.next:hover {
color:var(--r);
background:var(--w);
}

a.current:hover {
color:var(--b);
background:var(--w);
}

#counts a {
font-size:2em;
}

#counts td {
width:300px;
}

#counts table {
width:100%;
text-align:center;
}

table.vs {
width:700px;
}

th.vs_top {
font-size:1.1em;
text-align:center;
border-color:silver;
border-style:solid;
border-width:0 0 1px;
}

td.vs {
font-style:italic;
padding:1px 50px;
}

#tile li {
float:left;
display:block;
text-align:center;
border:1px solid #ACE;
box-shadow:5px 1px 5px #ACE;
transition:box-shadow 1s;
margin:5px;
padding:10px;
}

#tile li:hover {
box-shadow:7px 1px 7px #FAC;
border-color:#FFF;
}

#tile img {
width:150px;
border-style:none;
}

#bigtile li {
float:left;
display:block;
text-align:center;
box-shadow:5px 1px 4px #ddd;
border:1px solid #ddd;
margin:5px;
padding:10px;
}

#bigtile li:hover {
border-color:#FFF;
}

td.green {
background:green;
}

div.vector {
margin:10px 0;
}

img.vector {
height:75px;
width:75px;
box-shadow:10px 5px 1em #000;
padding:5px;
}

#wtcb_box td {
background:green;
text-align:center;
border-color:silver;
border-style:solid;
border-width:2px;
padding:5px;
}

span.small {
font-size:.8em;
}

span.big {
font-size:1.2em;
}

div.h90 {
width:728px;
height:90px;
margin:20px auto;
}

div.h728 {
height:15px;
min-width:728px;
margin:auto;
}

div.w160 {
width:160px;
height:600px;
margin:auto;
}

div.h250 {
width:300px;
height:250px;
margin:20px auto;
}

span.character_name {
display:block;
font-size:1.25em;
font-weight:700;
margin:0 0 5px;
}

span.character_source {
display:block;
font-size:.9em;
margin:0 0 15px;
}

td.replies {
text-align:center;
background:#48F;
color:#FFF;
width:50px;
}

span.edited {
display:block;
font-size:.9em;
font-style:italic;
color:gray;
margin:20px 0 5px;
}

div.forum_navi {
font-size:1.25em;
padding-bottom:15px;
padding-top:15px;
}

tr.forum_top {
background:#48F;
color:#0048FF;
font-size:1.2em;
font-family:sans-serif;
}

h1.forum_top {
background:#13F;
color:#FAFAFA;
font-size:1.1em;
border-color:silver;
border-style:solid;
border-width:1px 0;
margin:5px auto;
}

td.post_top {
text-align:left;
border-color:silver;
border-style:solid;
border-width:0 0 1px;
padding:20px 20px 2px;
}

td.forum_name {
text-align:left;
width:60%;
}

td.forum_foot {
border-color:silver;
border-style:solid;
border-width:1px 0 0;
padding:2px 20px 20px;
}

table.forum {
text-align:center;
padding-top:50px;
padding-bottom:50px;
width:100%;
border-spacing:0;
font-size:.8em;
color:#08F;
margin:auto;
}

td.forum_post {
background:#D8E8FF;
text-align:left;
font-size:1.1em;
color:#000;
vertical-align:top;
padding:20px;
}

td.forum_profile {
background:#F8F8F8;
text-align:left;
vertical-align:top;
border-color:silver;
border-style:solid;
border-width:0 1px 0 0;
padding:10px;
}

#forum a {
color:red;
font-size:1em;
font-weight:700;
}

div.code {
text-align:left;
color:#000;
font-size:1em;
font-family:monospace;
white-space:pre;
border-color:silver;
border-style:dashed;
border-width:1px;
margin:20px;
padding:20px;
}

table.ab_details {
width:80%;
text-align:left;
text-indent:20px;
}

table.sourcechars {
padding-top:10px;
text-align:left;
width:95%;
border-color:gray;
border-style:dashed;
border-width:1px 0 0;
}

td.imgside {
width:20%;
min-width:200px;
text-align:center;
vertical-align:top;
}

span.pubcname {
font-weight:700;
font-size:1.2em;
}

table.frontpage {
width:95%;
}

div.pro_select {
background:#FCFCFC;
border-color:gray #CFCFCF #CFCFCF;
border-style:solid;
border-width:1px;
}

table.smallprofile {
border-spacing:0;
width:100%;
margin:5px auto;
}

td.source_image {
width:210px;
vertical-align:top;
}

table.source_details_table {
width:90%;
overflow:auto;
margin:5px auto;
}

tr.header {
background:#CFC;
font-size:1.2em;
color:#08F;
}

table.who_posts {
width:100%;
background:#efefef;
border-spacing:5px;
border:1px solid #e0e0e0;
}

i.who_posts {
color:orange;
}

td.who_posts_b {
text-align:left;
border:1px solid #FFF;
background:#e8e8e8;
vertical-align:middle;
font:90% Arial;
padding:5px;
}

div.who_r_unsolved {
background:#efefef;
margin-bottom:20px;
padding:10px;
}

div.who_r_solved {
background:#FF0;
margin-bottom:20px;
padding:10px;
}

#who_replies table {
width:100%;
border:1px solid gray;
}

#who_replies th {
background:silver;
color:#000;
width:200px;
border:1px solid gray;
text-align:center;
}

#who_replies td {
padding:20px;
}

div.who_r_date {
font-size:80%;
font-style:italic;
}

.w100 {
width:100px;
}

div.whonavi {
background:#CCC;
color:#fefefe;
border:1px solid #666;
}

#whonavi a {
background:#333;
color:#fefefe;
font-weight:700;
border:1px solid #333;
padding:5px;
}

#whonavi a:hover {
color:#333;
background:#fefefe;
}

#tile1 li {
float:left;
display:block;
text-align:center;
border:1px solid #eee;
margin:5px;
border-spacing:0px;
padding:5px;
}

#tile1 li:hover {
border:1px solid #aaa;
}

div.tile1top {
text-align:left;
font-family:sans-serif;
font-size:.8em;
margin-bottom:10px;
padding:0 5px 5px;
}

div.tile1bottom {
text-align:right;
border:1px solid #FFF;
font-family:sans-serif;
font-size:.8em;
margin-top:5px;
height:50px;
padding:15px 5px 5px;
}

div.tile3top {
text-align:center;
font-family:sans-serif;
font-size:.8em;
margin-bottom:10px;
height:50px;
border-width:0 0 1px;
}

div.tile3bottom {
text-align:right;
font-family:sans-serif;
font-size:.8em;
margin-top:5px;
}

#menutable {
color:#fca;
}

table.menutable {
width:auto;
border:1px solid #000;
background:#000;
margin:auto;
}

#menutable td {
vertical-align:top;
padding:15px;
}

#menutable h2 {
font-family:sans-serif;
font-size:1.5em;
color:silver;
border:3px solid #444;
padding-bottom:10px;
background:#000;
border-width:0 0 1px;
}

#menutable ul {
list-style:circle;
text-indent:0;
font-size:1.2em;
font-family:sans-serif;
padding:5px;
}

#menutable li {
color:silver;
margin-bottom:5px;
padding:3px;
}

#menutable li:hover {
color:var(--w);
list-style:disc;
border-color:var(--w);
}

#menutable a {
color:var(--w);
}

#top_qs table {
border-spacing:0;
padding:0;
}

#top_qs td {
border-spacing:0;
width:12%;
padding:2px;
}

#top_qs input,#top_qs select {
font-size:10px;
font-family:sans-serif;
width:100%;
margin:0;
padding:0;
}



table.top_box table {
width:100%;
height:300px;
}

#loginbox {
color:#eee;
}

#loginbox a {
color:var(--w);
font-weight:700;
}

#menugeardiv ul,#menugeardiv2 ul,#menugeardiv3 ul {
padding-left:0;
background:var(--b);
color:var(--w);
list-style:none;
}

#menugeardiv li,#menugeardiv2 li,#menugeardiv3 li {
background:var(--b);
color:var(--w);
padding:5px;
}

#menugeardiv a,#menugeardiv2 a,#menugeardiv3 a {
text-decoration:none;
color:var(--w);
}

td.nameasks {
vertical-align:top;
text-align:left;
text-indent:30px;
color:#eee;
background:#f47;
background-image:linear-gradient(15deg,#f4715%,#fab55%,#fab70%,#f4790%);
border:1px solid #f47;
border-radius:7px;
}

div.date {
background:#000;
color:#eee;
border:1px solid #000;
border-radius:5px;
}

td.msg {
text-align:left;
transition:background 1s border-radius 2s;
padding:15px;
}

td.msg:hover {
background:#FAC;
border-radius:15px;
}

td.msg2 {
text-align:left;
font-size:10px;
padding:0 15px 15px;
}

a.orange {
color:#f47;
}

a.orange:visited {
color:#FF8;
}

#exploreCharacters ul {
font-size:1.2em;
overflow:hidden;
list-style-type:none;
background:var(--w);
margin-top:0;
padding:0;
}

#exploreCharacters li {
float:left;
display:block;
font-family:sans-serif;
background:var(--w);
color:#000;
border:1px solid #FFF;
border-width:0 0 3px;
margin:2px;
padding:0 15px;
}

#exploreCharacters li:hover {
border:1px solid #59f;
border-width:0 0 3px;
}

#exploreCharacters a {
text-decoration:none;
color:#fefefe;
}

#exploreCharacters a:hover {
text-decoration:none;
color:#59f;
}

#mobileform a {
font-size:1.2em;
padding:10px 0;
}

#mobileform li {
text-indent:0;
border:1px solid var(--w);
border-width:0 0 0 2px;
margin:0 0 10px;
padding:3px 0 3px 10px;
}

#mobileform li:hover {
transition-duration:.5s;
background:var(--w);
}

#mobileform ul {
list-style:none;
margin:0;
padding:0;
}

#menu2017 dd {
text-indent:0;
margin-left:0;
}

#menu2017 dd.desc {
text-indent:15px;
margin-top:0;
padding-top:0;
}

#nuit ul {
list-style-type:none;
overflow:hidden;
background:#333;
margin:0;
padding:0;
}

#nuit li {
float:left;
margin-left:2px;
}

#nuit li a,.dropbtn {
display:inline-block;
text-align:center;
text-decoration:none;
color:#ddd;
padding:6px 8px;
}

#nuit .dropbtn {
padding:15px;
}

#nuit li a:hover,.dropdown:hover .dropbtn {
background:#111;
color:#FFF;
}

#nuit li.dropdown {
display:inline-block;
}

#nuit .dropdown-content {
display:none;
position:absolute;
background:none;
min-width:100px;
z-index:1;
box-shadow:0 5px 1em #333;
}

#nuit .dropdown-content a {
text-decoration:none;
display:block;
text-align:left;
color:#333;
margin:2px 0;
padding:6px 8px;
}

#nuit .dropdown:hover .dropdown-content {
display:block;
background:#FFF;
border:1px solid #dedede;
}

#nuit .dropbtn2 {
border-width:0;
padding:15px;
}

#nuit input[type=text] {
color:#FFF;
background:#111;
padding:17px;
}

#nuit input[type=submit] {
padding:17px;
}

#nuit input[type=text]:hover {
color:#FFF;
background:#111;
}

#mynewsearch select,#mynewsearch input {
width:90%;
font-size:1.2em;
margin:5px auto;
}

#superside::-webkit-scrollbar {
width:5px;
height:5px;
}

#superside::-webkit-scrollbar-thumb {
background:var(--b);
}

.c1 {
color:#333;
}

.c2 {
color:#59f;
}

.c3 {
color:#f80;
}

.b3 {
background:#f80;
}

.b4 {
background:#222;
}

.op {
opacity:.85;
}

.pad5 {
padding:5px;
}

.zero {
border-spacing:0 0;
margin:0;
padding:0;
}

.zerot {
width:auto;
border-spacing:0 0;
margin:0;
}

.top {
vertical-align:top;
}

.boxshadow {
box-shadow:5px 5px 5px #ACE;
border-width:0;
}

.boxshadow:hover {
box-shadow:5px 5px 5px #FAC;
}

.boxshadow2 {
box-shadow:0 5px 1em #ACE;
border-width:0;
}

.boxshadow2:hover {
box-shadow:0 5px 1em #FAC;
}

#darkbgzone * {
color:#9d9d9d;
}

.flexitem {
display:inline;
margin:5px;
}

#besttable input {
background:#222;
color:#FFF;
}

.thumb200 {
width:200px;
height:200px;
}

.thumb150 {
width:150px;
height:150px;
}

.thumb100 {
width:100px;
height:100px;
}

.thumb75 {
width:75px;
height:75px;
}

.thumb50 {
width:50px;
height:50px;
}

div.topspace {
height:90px;
}

div.yl2 {
width:300px;
height:600px;
}

div.yl7 {
width:160px;
height:600px;
}

.bg1 {
background:#2a60b2;
}

.bg2 {
background:#6ea8ff;
}

.bg4 {
background:#b27f18;
}

.bg5 {
background:#ffc655;
}

.bo1 {
border:1px solid #2a60b2;
}

.bo2 {
border:1px solid #6ea8ff;
}

.bo3 {
border:1px solid #59F;
}

.bo4 {
border:1px solid #b27f18;
}

.bo5 {
border:1px solid #ffc655;
}

.fg1 {
color:#2a60b2;
}

.fg2 {
color:#6ea8ff;
}

.fg3 {
color:#59F;
}

.fg4 {
color:#b27f18;
}

.fgi {
color:inherit;
}

.pad2 {
padding:5px 15px;
}

.point {
cursor:pointer;
}

.w200 {
width:150px;
}

dd.titles {
text-indent:0;
margin:0;
padding:0;
}

#newmenu div:hover {
background:#ffc655;
color:#b27f18;
}

div.submenu {
background:#59F;
text-align:left;
font-size:12px;
padding:3px 3px 3px 15px;
}

#kona_links div {
font-size:1.2em;
padding:10px 10px 10px 70px;
}

div.quotebg {
min-height:300px;
width:400px;
margin:10px;
}

div.quotecontainer {
font-size:2em;
padding:30px;
}

a.quoteline {
font-weight:700;
text-shadow:-1px 0 black, 0 1px #222, 1px 0 #222, 0 -1px #222;
color:#fff;
}

a.quoteline:hover {
background:none;
}

div.quotet {
width:850px;
border:2px solid #000;
border-spacing:0 0;
margin:20px;
padding:0;
}

table.quotet {
width:850px;
height:400px;
border:2px solid silver;
border-spacing:0 0;
margin:0;
padding:0;
}

td.quotebg2 {
height:392px;
width:295px;
margin:0;
}

td.quotebg3 {
background:#333;
vertical-align:top;
}

p.quoteline2 {
font-size:2em;
font-weight:700;
text-shadow:-1px 0 black, 0 1px #222, 1px 0 #222, 0 -1px #222;
color:#fff;
cursor:pointer;
padding:10px 30px 30px;
}

div.quotet_small {
width:400px;
border:2px solid #000;
border-spacing:0 0;
margin:10px;
padding:0;
}

table.quotet_small {
width:400px;
height:100px;
border:2px solid silver;
border-spacing:0 0;
margin:0;
padding:0;
}

td.quotebg2_small {
height:100px;
width:100px;
margin:0;
}

td.quotebg3_small {
background:#333;
border:2px solid silver;
vertical-align:top;
border-width:0 0 0 2px;
}

p.quoteline2_small {
font-size:1em;
font-weight:700;
text-shadow:-1px 0 black, 0 1px #222, 1px 0 #222, 0 -1px #222;
color:#fff;
cursor:pointer;
padding:10px 30px 30px;
}

#calendar th {
width:120px;
background:#b27f18;
color:#ffc655;
}

#calendar td {
text-align:left;
vertical-align:top;
height:150px;
background:#2a60b2;
color:#ffc655;
padding:5px;
}

#calendar p {
padding-top:0;
margin-top:0;
font-size:1.2em;
margin-bottom:5px;
}

#calendar a {
color:#FFF;
text-decoration:none;
}

#calendar a:hover {
color:#6ea8ff;
text-decoration:underline;
}

div.va {
margin-top:5px;
}

#va a {
text-decoration:none;
font-weight:700;
text-size:1.2em;
}

#characterzone * {
border-radius:0 0!important;
}

#characternames h1 {
text-align:left;
font-size:2em;
background:var(--w);
color:var(--r);
margin:0;
}

#characternames a {
color:var(--r);
}

#characternames h3 {
font-size:1em;
padding-top:0;
background:var(--w);
color:var(--b);
border:1px solid var(--b);
border-width:0 0 2px;
margin:0;
}

#sidephoto table {
border:1px solid #000;
width:200px;
margin-right:0;
border-spacing:0 0;
padding:0;
}

#sidephoto th {
text-align:right;
border-spacing:0 0;
background:var(--b);
color:var(--w);
margin:0;
padding:0 5px;
}

#sidephoto td {
text-align:left;
border-spacing:0 0;
border:1px solid var(--b);
border-width:0 0 0 1px;
margin:0;
padding:10px 5px;
}

textarea,img,#nuit * {
border-radius:0 0;
}

a.follow,span.b,.bold {
font-weight:700;
}

.small,#besttable p {
font-size:80%;
}

.left,div.forum_left,#source_details_table th,div.who_replies,div.top_box,#modtable td {
text-align:left;
}

.right,div.watchingfooter,td.footright,ul.footright,th.vs,div.forum_right,#modtable tr,div.sidephoto {
text-align:right;
}

.center,td.footcenter,div.forum_center {
text-align:center;
}

IMG,#randomlinks img,#characterthumbswide img,img.noborder,#pager img,#bigtile img {
border-style:none;
}

LI,#cbtable input,#cbtable textarea {
color:#000;
}

TH,#characternames a:hover {
color:var(--b);
}

table.nc,#bestform input,#qsearch table,table.pager_links,table.source_table,.w100p {
width:100%;
}

#cbtable th,#besttable th {
font-weight:700;
text-align:left;
padding:5px;
}

#cbtable td,#besttable td {
text-align:left;
padding:5px;
}

#cb div,#cb2 div,textarea.cb {
font:11px Arial,Verdana,Tahoma,sans-serif;
}

#tile ul,#bigtile ul,#tile1 ul {
list-style-type:none;
overflow:hidden;
margin:auto;
padding:10px;
}

img.vector:hover,.solved {
background:#FF0;
}

td.forum_top,tr.post_top {
color:#0048FF;
font-family:sans-serif;
font-size:1.2em;
}

td.forum_image,.pad {
padding:10px;
}

div.quote,div.blockquote {
color:#000;
font-size:.8em;
text-align:center;
border-color:silver;
border-style:dashed;
border-width:1px;
margin:20px;
padding:20px;
}

#a_details th,#b_details th {
font-family:sans-serif;
font-size:1.1em;
text-align:right;
}

#a_details td,#b_details td {
font-size:1em;
}

td.who_posts_a,td.who_posts_c {
background:#f8f8f8;
border:1px solid #FFF;
font-size:80%;
width:100px;
}

#nuit .dropdown-content a:hover,.c4,#darkbgzone a,.fgw {
color:#FFF;
}

#superside::-webkit-scrollbar-track,.b2 {
background:#59f;
}

.b1,.bgw {
background:#FFF;
}

#darkbgzone a:hover,#darkbgzone h3,#darkbgzone input {
background:inherit;
}

.flexcontainer,div.flexcontainer {
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

.m_plus,.hidetinyinline {
display:none;
}

div.yl1,div.yl3,div.yl4,div.yl5,div.yl6 {
height:250px;
width:300px;
}

.bg3,#supermenuside div:hover,td.today {
background:#59F;
}

.fg5,a.submenu {
color:#ffc655;
}

p.quotename,p.quotename_small {
color:#59f;
font-size:1.2em;
padding:30px 30px 0;
}

p.quoteacdb,p.quoteacdb_small {
color:silver;
font-size:.8em;
font-style:italic;
}

@media all and max-width: 731px {
div.topspace {
height:250px;
}

div.mobilesearchbox {
display:block!important;
}

.supermenuside,td.topmostsearchbox {
display:none!important;
}
}

@media all and max-width: 920px {
.m_extra {
display:none!important;
}

.m_plus {
display:block!important;
}
}

@media all and min-width: 600px {
table.acdbheaderdesktop {
display:table!important;
}

table.acdbheadermobile {
display:none;
}

.hidetinyinline {
display:inline;
}
}

@media all and min-width: 730px {
div.yl2 {
width:300px;
height:250px;
}

div.yl1,div.yl5,div.yl6 {
height:90px;
width:728px;
}
}

@media all and max-width: 768px {
#newmenu {
display:flex!important;
}

#newmenumobile {
display:none!important;
}

#mobileacdbhead {
display:block!important;
}
}

@media all and min-width: 768px {
#newmenumobile {
display:flex!important;
}

#newmenu,#mobileacdbhead {
display:none!important;
}
}

/*  adding mobile.css again  */

@media all and (max-width: 731px) {

div.topspace { height: 250px; }
.supermenuside { display: none !important; }
td.topmostsearchbox { display: none !important; }
div.mobilesearchbox { display: block !important; }
}

@media all and (max-width: 920px) {

.m_extra { display: none !important; }
.m_plus { display: block !important; }
}

@media all and (min-width: 600px) {
table.acdbheaderdesktop { display: table !important; }
table.acdbheadermobile { display: none; }

.hidetinyinline { display: inline; }
}

.box-big {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-big div {
  width: 100px;
  height: 75px;
  border: 2px solid #ace;
  border-radius: 5px;
  background-color: #f8f8fb;
  align-items: center;
  justify-content: center;

  margin: 0 0 5px 5px;

}