/* 
#2a60b2 on #ffc655
#6ea8ff on #b27f18
#5599ff
#b27f18
#ffc655

background-image: linear-gradient( 180deg, #b27f18 0%, #ffc655 100% );
background-image: linear-gradient( 180deg, #ffc655  0%,  #b27f18 100% );


background: #ffc655; color: #2a60b2;
*/

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


* {
border-radius: 1em 1em;
}
textarea,img {
border-radius: 0 0;
}

#toploginarea a { text-decoration: none; }

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

select {
background: white !important; color: black  !important;
}

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

#top_rand li {
height: 32px;
vertical-align: middle;
display: block;
float: left;
padding: 2px 10px;
margin-left: 5px;
color: #2a60b2;
/* background-image: linear-gradient( 180deg, #2a60b2 0%, #5599ff  50%, #6ea8ff 100% ); */
background: #ffc655;
opacity: 1;
border-radius: 10px 10px;
border: 1px solid #ffc655;
/* border-width: 0 0 2px 0; */
}

#top_rand li:hover {
/* background-image: linear-gradient( 180deg, #6ea8ff  0%, #2a60b2   50%, #5599ff 100% ); */
background: #ffc655;
/* color: #b27f18; */
/* border-color: #2A60B2; */
}

#top_rand a {
text-decoration: none;
color: inherit;
}
#top_rand a:hover {
color: inherit;
text-decoration: underline;
}

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


BODY {
font-family: sans-serif;
margin: 0px;
padding: 0px;
text-align: center;
background: white;
font-size: 0.9em;
color: #080808;
}

td.newsidemenu {
background: white 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{
padding: 0 0;
margin: 0 0;
border-spacing: 0;
border: 1px solid silver;
border-width: 1px 0 0 0;
}

div.ichi {
margin:  0 0;
}

table.flags {
text-align: center;
width: 100%;
height: 250px;
color: black;
background: #d8eaff url("https://www.animecharactersdatabase.com/bg/13x31bg.png") no-repeat top left;
border-spacing: 0px;
}

div.ni {
background: white;  }
.big {
font-size: 140%;   }
.small {
font-size: 80%;    }
.left {
text-align: left;   }
.right {
text-align: right;  }
.center {
text-align: center; }
.s400 {
width: 400px;  }
.s500 {
width: 500px;  }
.s600 {
width: 600px;  }

THEAD {}

DIV {}

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

IMG {
border-style: none;
}

FORM {
margin-top: 0px;
}

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

INPUT, SELECT, OPTION, TEXTAREA {
background: #2a60b2;
color: #ffc655;
border: 1px solid #2a60b2;
}

TEXTAREA {
border: 1px solid #ffc655;
border-width: 1px 1px 3px 1px;

}

input[type=submit] {
	padding: .2em .5em;
	background: #ffc655;
	color: #2a60b2;
	border-style: outset;
}

#normalzone INPUT {
border: 1px solid #DDDDDD;
color: black;
background: white;
}

H1 {
text-transform: uppercase;
font-family: sans-serif;
padding: 10px;
text-shadow: 3px 3px 1px rgba(72, 72, 72, 0.5);
color: #b27f18;
}

H2 {
text-transform: uppercase;
font-family: sans-serif;
background-image: linear-gradient( 45deg, #59f 30%, #def 30%, #def 60%, #def 60%, #59f 90% ); 
border-color: #59f; 
color: #ffc655;
text-align: left;
}

/* #2a60b2 on #ffc655 */

H3 {
text-indent: 10px;
text-align: left;
color: #2a60b2;
padding: 5px 5px; 
/* background-image: linear-gradient( 180deg, #ffc655  80%,  #b27f18 80% ); */
background: #ffc655;
}


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

LI {
color: black;

}

A {
color: #5599ff;

}

A:hover {

}

A:visited {
}

TH {
color: black;
}


DL {
width: 95%;
margin: auto;
text-align: left;
}
DT {
border: 1px solid #ace;
border-width: 0 0 1px 0;
color: black;
padding: 2px;
font-weight: bold;

font-family: sans-serif;

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

table.nc { width: 100%; }
div.nc_date { padding: 5px; text-align: right; font-style: italic; color: #333333;  }
div.nc_name { padding: 5px; text-align: left; font-style: italic;  }
div.nc_comment { background: #F8F8F8; text-align: left; padding: 20px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: silver; }

#watching th { background: black; color: white; }
#watching td { background: #EFEFEF; width: 120px; vertical-align: top; font-weight: bold; }
div.watchingfooter { text-align: right; }

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


span.ul {

}
span.u {

}
span.b {
font-weight: bold;
}
span.i {
font-style: italic;
}

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

div.commentbubbletop {
padding-right: 20px;

font-style: italic;
}

div.commentbubble {
margin: 20px;

padding: 5px 25px 25px 25px;

font-family: sans-serif;

font-size: 12px;
}

span.score {
text-transform: none;
font-family: sans-serif;

font-size: 1.5em;

color: #135;

font-weight: bold;

padding-right: 30px;
}

span.commentbubble {
}

table.commentbubble {

margin-top: 0px;
margin-bottom: 10px;
width: 100%;

border-spacing: 0px;
}

td.commentbubble {
text-align: left;
color: black;

background: white;

padding: 5px 15px 0px 15px;

-moz-box-shadow: 0px 5px 1em #999;
box-shadow: 0px 5px 1em #999;

border: 3px solid #ace;
border-width: 3px 1px 3px 1px;
border-radius: 5px 5px;
-moz-border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;

}

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 0px 0px 0px;
}


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

-moz-box-shadow: 3px 3px 1em #9bd;
box-shadow: 3px 3px 1em #9bd;

border: solid #9bd 1px;
background: #BDF;
}
div.middleframe:hover { 
}


div.outframe {
padding: 10px;
border: 1px solid #f33;
border-color: #9bd white white white;
}
div.outframe:hover { 
}

#frameheader a {
color: #ffc655;
}

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

h1.frameheader {
margin-top: 0px;
margin-bottom: 0px;

font-family: sans-serif;
font-size: 1em;
color: #ffc655;
text-align: left;
}
div.frameheader:hover { 
}


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


background: white;
}
#menu2012 td {
padding: 0px 15px;

width: 25%;

vertical-align: top;
}
#menu2012 h3 {
text-align: left;
font-family: sans-serif;
color: red;
font-size: 1.2em;
}
#menu2012 ul {
list-style: none;

padding: 10px;

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

color: yellow;
}
#menu2012 li:hover {
background: yellow;
color: black;
}
#menu2012 a {
color: inherit;

}



td.mar2012side {
border: 1px solid silver;
border-width: 1px 0 0 0;


padding: 0 0 0 0;

width: 300px;
vertical-align: top;
font-size: 10px;

}

#cbtable table { width: 100%;  border-spacing: 5px; }
#cbtable th {  font-weight: bold;   text-align: right; padding: 5px; }
#cbtable td {   text-align: left; padding: 5px; }
#cbtable input { background: white; color: black; }
#cbtable textarea { background: white; color: black; }

div.cb { 
margin: auto;
width: 150px;
text-align: left;
font-size: 12px; 
overflow: auto; 
height: 300px;
}
#cb a {  
font-weight: bold; 
}
#cb div { 
font: 11px Arial,Verdana,Tahoma,sans-serif;
}
#cb2 div { 
font: 11px Arial,Verdana,Tahoma,sans-serif;
}



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


div.box {
background: white;
margin:  auto auto 10px auto;
border: solid white 1px;
/* border: 1px solid #59f; */
border-width: 0 1px 1px 0;

/* transition: border-color 1s, border-radius 2s, background-color 1s; */
}
div.box:hover { 
/*border: 1px solid #59f;
border-width: 0 1px 1px 0;
border-radius: 15px;
background-color: #FEF;*/
}


#mar2012side div {
}

#mar2012side h2 {

-moz-box-shadow: 3px 3px 1em #9bd;
box-shadow: 3px 3px 1em #9bd;

border: solid #59f 1px;
border-width: 1px 1px 1px 0;

margin-top: 0px;

font-size: 12px;
font-family: sans-serif;

font-weight: bold;

text-align: center;


color: black;
background-image: linear-gradient( 45deg, #59f 0%, #def 30%, #def 60%, #def 60%, #59f 90% );

padding: 2px 2px;
}

#mar2012side ul {
list-style: none;
padding: 0 0 0 5px;
}

#mar2012side li {
padding: 0 0 5px 0 ;
}

#mar2012side a {
color: blue;
}

div.notice {
background: #fcc;
width: auto;
margin: 50px;
padding: 5px;

border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;

-moz-box-shadow: 2px 5px 2em red;
box-shadow: 2px 5px 2em red;
}

div.notice_inner { 
background: #fe9;
width: auto; 
margin: 10px;

color: black;

padding: 10px; 
font-size: 1.2em;
font-family: monospace;

font-weight: bold;

border: 1px solid red;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

-moz-box-shadow: 2px 5px 2em red;
box-shadow: 2px 5px 2em red;
}

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


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


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

/* background-image: linear-gradient( 45deg, white 33%, #ffc655 50% ); */


background: white;
}

#ulmenu li {
float: right;
display: block;
font-family: sans-serif;
margin: 2px 2px;
padding: 0px 15px 0px 15px;
/* background: white; */
background: #b27f18;
color: white;
border: 1px solid #ffc655;
border-width: 0 0 2px 0;
}
#ulmenu li:hover {
color: #ffc655;

/* color: blue; */
/* background-image: linear-gradient( 45deg, #ace 0%, white 90%, #59f 100% ); */
}
#ulmenu a {

font-weight: bold;
color: white;

text-decoration: none;
}
#ulmenu a:hover {
color: #ffc655;
}








#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;



margin: 10px 10px 10px 10px;
padding: 5px 15px 5px 15px;

border-radius: 1em 2em;
-moz-border-radius: 1em 2em;
-webkit-border-radius: 1em 2em;

color: black;
border: 1px solid #ccc;

background: white;
border-color: #59f;

border-width: 0 1px;
}
#ulmenu2 li:hover {
background: white;
}
#ulmenu2 a {

font-weight: bold;
color: black;
}
#ulmenu2 a:hover {
color: black;


}






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

#ulmenu3 li {
float: left;
display: block;

font-size: 0.9em;
font-family: sans-serif;

text-align: center;

margin: 10px 10px 10px 10px;
padding: 0px 2px;
background: white;

color: black;
border: 1px solid #69f;
border-width: 0 0 2px 0;



/* background-image: radial-gradient( ellipse farthest-corner at center, white, #7bf ); */

/*     transition: color 2s, font-size 2s, background-color 2s, background-image 2s; */
/* transition-timing-function: ease-out; */
}
#ulmenu3 li:hover {
/* background-image: radial-gradient( ellipse farthest-corner at center, white, #f7b ); */
            color: black;
/*      border-color: white; */
/* font-size: 1em; */

       background-color: white;
}
#ulmenu3 a {

font-weight: bold;
color: black;
}
#ulmenu3 a:hover {
color: black;


}






#besttable_c table { 
width: 100%;
background: #efefef;
border-spacing: 5px;
border: 1px solid #e0e0e0;
}
#besttable_c th {
border: 1px solid white;
font-weight: bold;
background: #f8f8f8;
text-align: center;
padding: 5px;
}
#besttable_c td {
border: 1px solid #f8f8f8;
background: white;
text-align: center;
padding: 5px;
}


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

/* transition: border-color 1s, border-radius 2s, background-color 1s; */
}
#besttable table:hover { 
/*border-color: #FFC655;
background-color: #FFC655;*/
}
#besttable th {
/* border: 1px solid #FFC655; */
font-weight: bold;
/* background: #FFC655; */
text-align: right;
padding: 5px;
}
#besttable td {
/* border: 1px solid #FFC655; */
background: white;
text-align: left;
padding: 5px;
}
#besttable p {
font-size: 80%;
}

#white_tile a {

}
#white_tile td {
vertical-align: top;
}
#white_tile ul {
list-style-type: none;
padding: 3px;
margin: auto;
font-size: 70%;
}
#white_tile li {
padding: 1px 10px 1px 10px ;
display: block;
margin: 5px;
text-align: center;
color: #0088ff;
background: url("https://www.animecharactersdatabase.com/bg/alpha.png") repeat;
border: 1px solid white;
-moz-box-shadow: 10px 5px 1em black;
box-shadow: 10px 5px 1em black;
}

ul.toptile {
overflow: hidden; list-style-type: none; padding: 3px; margin: auto;  font-weight: bold;
}
li.toptile {
float: left; padding: 1px 10px 1px 10px ; display: block; margin: 5px; text-align: center; color: #0088ff;
background: url("https://www.animecharactersdatabase.com/bg/alpha.png") repeat;
border: 1px solid white;
-moz-box-shadow: 10px 5px 1em black;
box-shadow: 10px 5px 1em black;
}
li.toptile:hover {
border-color: #0088ff;
}
a.toptile {
color: #0088ff;  

}
a.mtoptile {
color: red;  

}


#sideulli ul {
border-spacing: 5px; margin: 0; }
#sideulli li {
font-size: 80%;  }

#ulli ul {
background: #efefef; border-spacing: 5px; border: 1px solid #e0e0e0; margin: 0; }

#ulli li {
border: 1px solid white; background: #f8f8f8; font-size: 80%;  }

#ulli h2 {
text-align: left; padding: 5px;  border: 1px solid #e0e0e0; background: #e8e8e8; font-size: 100%; font-family: sans-serif; font-weight: bold;  margin: 0;
}

a.sidemenutrans {
color: black;
font-size: 80%;

}

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

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


}
#linkheader a:hover {
font-weight: bold;

}


.shadow, .shade {
background: #f8f8f8;
border: 1px solid #afbfff;
}

span.box {

}

#newsidemenu a {
color: #ff8800;


}
#newsidemenu a:hover {
color: yellow;
font-size: 110%;


}




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

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

}





.s0 {
background: #dfefdf;
}

.s1 {
background: white;
}





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

table.login_box {
font-size: 0.9em;
background: white;
color: black;
text-align: center;
opacity: 0.85;
}
#login_box td {
border-spacing: 0px;
padding: 2px;
}
#login_box input {
margin: 0px;
}




div.qsearch {


background: white url("https://www.animecharactersdatabase.com/bg/grayA7b.png") repeat-x;

}

#qsearch form {
}
#qsearch table {
width: 100%
}


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

table.randomlinks {
text-align: center;

background: white;

width: 100%;
margin: 0px auto;
border-spacing: 0px;


}

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

div.footer {

border: 1px solid black;
border-width: 10px 0 0 0 ;
background: white;

}
table.footer {
width: 100%;
text-align: left;
}
td.footcenter {
text-align: center;
}
td.footright {
text-align: right;
}
ul.footright {
text-align: right;
}



table.title {
width: 100%;
background: white;
opacity: 1;
}
h1.logo {
border: none;
}
#logo a, a:visited { 
 
}



table.rlinks {
font-size: 90%;
}
#rlinks td {
padding: 0px 25px 0px 25px;
}
#rlinks td:hover {
}
#randomlinks a {
font-weight: bold;

}
#randomlinks a:hover {

}
#randomlinks img {
border-style: none;
}

#rlinks a {
font-weight: normal;
}
#rlinks a:hover {

}
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 {
border-style: solid; 
border-width: 1px; 
border-color: silver; 
float: left; 
padding: 10px;
display: block;
margin: 5px;
text-align: center;
}

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

#characterthumbswide img { 
border-style: none;
}

a.button { 
 
}
img.noborder { 
border-style: none;
}

table.menubuttons {
padding: 0px; 
text-align: center; 
width: 100%; 
font-size: .8em; 
font-weight: normal; 
}
tr.menubuttons {
}
td.menubuttons {
}
td.menubuttons:hover {
background: #CFCFCF;
}

div.character_file { 
border-style: solid;
border-width: 2px 1px 1px 1px;
border-color: gray silver silver silver;
padding: 20px;
}
table.filefolder { 
width: 100%; 
}

table.character_file { 
width: 600px;
background: #E8E8E8; 
}
#character_file th { 
background: silver; 
color: yellow; 
text-align: right; 
}

td.fixed200 { 
width: 200px; 
}


div.mainsearch {
margin: 10px auto 10px auto; 
text-align: center;
}
#mainsearch select { 
width: 160px;
text-align: center;

}
#mainsearch th {
width: 100px; border: 1px solid white; background: #f8f8f8; font-size: 120%;
}
#mainsearch td {
padding: 5px;  border: 1px solid white; background: #e8e8e8; vertical-align: middle; font: 90% Arial; 
}
#mainsearch table { 
margin: auto; 
background: #efefef; border-spacing: 5px; border: 1px solid #e0e0e0;
}
#pager img {  
border-style: none;
}

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

}


table.pager_links {
width: 100%;
background: white;
}
td.pager_links {

}
div.pagerclass {

}

div.pager {
margin: 10px auto 10px auto; 
}
a.page, a.next, a.current {
border-radius: 1em 2em;
-moz-border-radius: 1em 2em;
-webkit-border-radius: 1em 2em;



border: 1px solid #4bf;
background: #4bf;
color: #eee;

padding: 10px;

font-weight: bold; 

font-size: 1.5em;

font-family: monospace;

}
a.page { 
}
a.next {
}
a.current {

background: #ffc655;
border-color: #ffc655;

}
a.page:hover, a.next:hover {
color: #4bf;
background: white;
}

a.current:hover {
color: #ffc655;
background: white;
}



#counts a { 
font-size: 2em; 

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

table.vs { 
width: 700px;
}
th.vs {
text-align: right;
}
th.vs_top {
font-size: 1.1em;
text-align: center; 
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: silver;
}
td.vs {
font-style: italic;
padding: 1px 50px 1px 50px;
}


#tile ul {
overflow: hidden;
list-style-type: none;
padding: 10px;
margin: auto;
}
#tile li {
float: left;
padding: 10px;
display: block;
margin: 5px;
text-align: center;

background: white;

border: 1px solid #ACE;

box-shadow: 5px 1px 5px #ACE;
transition: box-shadow 1s;

}
#tile li:hover {
border-color: white;
box-shadow: 7px 1px 7px #FAC;
}
#tile img { border-style: none; width: 150px; }
#tile a {}

#bigtile ul {
overflow: hidden; list-style-type: none; padding: 10px; margin: auto;
}
#bigtile li {
float: left; padding: 10px; display: block; margin: 5px; text-align: center;

-moz-box-shadow: 5px 1px 4px #ddd;
box-shadow: 5px 1px 4px #ddd;
border: 1px solid #ddd;
}
#bigtile li:hover {
border-color: white;
}

#bigtile img { border-style: none; }
#bigtile a {}



td.green {
background: green;
}


div.vector {
margin: 10px 0px 10px 0px;
}
img.vector:hover { 
background: yellow;
}
img.vector { 
height: 75px; 
width: 75px;
-moz-box-shadow: 10px 5px 1em black;
box-shadow: 10px 5px 1em black;
padding: 5px;
}



#wtcb_box td {
background: green;
border-style: solid;
border-color: silver;
border-width: 2px;
padding: 5px;
text-align: center;
}
span.small {
font-size: 0.8em;
}
span.big {
font-size: 1.2em;
}


div.h90 {
width: 728px;
height: 90px; 
margin: 20px auto 20px auto;
}
div.h728 {
margin: auto;
height: 15px; 
min-width: 728px;
}
div.w160 {
margin: auto;
width: 160px;
height: 600px; 
}
div.h250 {
margin: auto;
width: 300px;
height: 250px; 
margin: 20px auto 20px auto;
}



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

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


td.replies {
text-align: center;
background: #4488FF;
color: #FFFFFF;
width: 50px;

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

}

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





tr.forum_top {
background: #4488FF;
color: #0048FF;
font-size: 1.2em;
font-family: sans-serif;
}
td.forum_top {
color: #0048FF;
font-size: 1.2em;
font-family: sans-serif;
}
h1.forum_top {
background: #1133FF;
color: #FAFAFA;
font-size: 1.1em;
margin: 5px auto 5px auto;
border-style: solid;
border-color: silver;
border-width: 1px 0px 1px 0px;
}

tr.post_top {
background: white;
color: #0048FF;
font-size: 1.2em;
font-family: sans-serif;
}
td.post_top {
padding: 20px 20px 2px 20px;
text-align: left;

border-style: solid;
border-color: silver;
border-width: 0px 0px 1px 0px;

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

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




table.forum {
text-align: center;
background: white;
padding-top: 50px;
padding-bottom: 50px;
width: 100%;

border-spacing: 0px;

margin: auto;
font-size: 0.8em;

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

color: black;
vertical-align: top;

}
td.forum_profile {
background: #F8F8F8;
text-align: left;
padding: 10px;
vertical-align: top;

border-style: solid;
border-color: silver;
border-width: 0px 1px 0px 0px;
}



#forum a {
color: red;

font-size: 1em;
font-weight: bold;
}
td.forum_image {
padding: 10px;
}
div.forum_left {
text-align: left;
}
div.forum_right {
text-align: right;
}
div.forum_center {
text-align: center;
}


div.quote {
background: white;
text-align: center;
border-style: dashed;
border-color: silver;
border-width: 1px;
padding: 20px;
color: black;
margin: 20px;
font-size: 0.8em;
}
div.blockquote {
background: white;
text-align: center;
border-style: dashed;
border-color: silver;
border-width: 1px;
padding: 20px;
color: black;
margin: 20px;
font-size: 0.8em;
}
div.code {
background: white;
text-align: left;
border-style: dashed;
border-color: silver;
border-width: 1px;
padding: 20px;
color: black;
margin: 20px;
font-size: 1.0em;
font-family: monospace;
white-space: pre;

}

table.ab_details {
width: 80%;
text-align: left;
text-indent: 20px;
}
#a_details th {
font-size: 1.1em;
font-family: sans-serif;
text-align: right;
}
#a_details td {
font-size: 1.0em;
}
#b_details th {
font-size: 1.1em;
font-family: sans-serif;
text-align: right;
}
#b_details td {
font-size: 1.0em;
}



table.sourcechars { 
padding-top: 10px;

border-color: gray;
border-style: dashed;
border-width: 1px 0px 0px 0px;

text-align: left;
width: 95%; 
}
td.imgside { 
width: 20%; 
min-width: 200px;
text-align: center;
vertical-align: top;
}
td.proside {}
span.pubcname {
font-weight: bold;
font-size: 1.2em;
}

table.frontpage {
width: 95%;
}


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

background: #FCFCFC;

}

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

table.source_table {
width: 100%;




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

td.source_details {
} 

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

#source_details_table th { text-align: left; }




tr.header {
background: #ccffcc;
font-size: 1.2em;
color: #0088FF;
}

#who_posts a {  }
#main_who_posts a {  }
table.who_posts { width: 100%; background: #efefef; border-spacing: 5px; border: 1px solid #e0e0e0; }
i.who_posts { color: orange; }
td.who_posts_a { width: 100px; border: 1px solid white; background: #f8f8f8; font-size: 80%;  }
td.who_posts_b { text-align: left; padding: 5px;  border: 1px solid white; background: #e8e8e8; vertical-align: middle; font: 90% Arial; }
td.who_posts_c { width: 100px; border: 1px solid white; background: #f8f8f8; font-size: 80%; }

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

div.who_replies { text-align: left; }
#who_replies table { width: 100%; border: 1px solid gray; }
#who_replies th { background: silver; color: black; 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; }

.solved { background: yellow; }

div.whonavi { background: #cccccc; color: #fefefe; border: 1px solid #666666; }
#whonavi a {  background: #333333; color: #fefefe; font-weight: bold; padding: 5px; border: 1px solid #333333; }
#whonavi a:hover { 
 color: #333333; background: #fefefe; } #tile1 ul {
overflow: hidden;
list-style-type: none;
padding: 10px;
margin: auto;
}
#tile1 li {
background: white;
float: left;
display: block;

margin: 5px;
padding: 10px;

text-align: center;

color: #69F;


border: 1px solid #ACE;

box-shadow: 5px 1px 5px #ACE;
transition: box-shadow 1s;
}
#tile1 li:hover {
border-color: white;
box-shadow: 7px 1px 7px #FAC;
}

#tile1 img { }
#tile1 a {

}

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

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


div.tile3top {
text-align: center;
border-width:  0 0 1px 0;


font-family: sans-serif;
font-size: .8em;
margin-bottom: 10px;

height: 50px;
}

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

}

#menutable {
color: #fca;
}

table.menutable {
margin: auto;
/* margin-left: 50px; */
width: auto;
border: 1px solid black;
background: black;
}

#menutable td {
vertical-align: top;
/* width: 150px; */
/* width: 20%; */

padding: 15px;
}

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

list-style: circle;
text-indent: 0px;
padding: 5px;
font-size: 1.2em;
font-family: sans-serif;

}

#menutable li {
color: silver;

margin-bottom: 5px;
padding: 3px;
/* border: 1px solid #888; */
/* border-color: black #444 #888 black; */
}

#menutable li:hover {
color: #ffc655;
list-style: disc;

border-color: #ffc655 ;
}

#menutable a {
color: #ffc655;

}



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

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

padding: 0px 0px;
margin: 0px 0px;
}


div.top_box {
text-align: left;
}
div.reimu {
background: url("https://www.animecharactersdatabase.com/bg/Reimu-0.png") top center no-repeat;
}

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



#loginbox {
color: #eee;
}

#loginbox a {
color: #ffc655;
font-weight: bold;
 

}

#menugeardiv ul, #menugeardiv2 ul, #menugeardiv3 ul {
padding-left: 0;
background: #2a60b2; color: #ffc655;
	list-style: none;
}

#menugeardiv li, #menugeardiv2 li, #menugeardiv3 li {
background: #2a60b2; color: #ffc655;	padding: 5px 5px;
}

#menugeardiv a, #menugeardiv2 a, #menugeardiv3 a {
text-decoration: none;
	color: #ffc655;
}

a:hover {
	color: #6ea8ff;text-decoration: none;

}



#modtable td {
             text-align: left;
}
#modtable tr {
             text-align: right;
}

td.nameasks {

         vertical-align: top;
             text-align: left;
            text-indent: 30px;
                  color: #eee;

             background: #f47;

       background-image: linear-gradient( 15deg, #f47 15%, #fab 55%, #fab 70%, #f47 90%);

                 border: 1px solid #f47;
          border-radius: 7px;
     -moz-border-radius: 7px;
  -webkit-border-radius: 7px; 
}
div.date {
             background: black;
                  color: #eee;

                 border: 1px solid black;
          border-radius: 5px;
     -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}
td.msg {
                padding: 15px;
             text-align: left;
             transition: background 1s, border-radius 2s;

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


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

a.orange {
                 color: #f47;
}

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

/*transition being optional but looks neat, text deco none because prefs*/
h2 a{transition:.3s;color:black!important;text-decoration:none}

/*text shadow because yellow on the white part of the gradient
forces too much the eye and the black outline eases it a bit */
h2 a:hover{color:#ffc655!important;text-shadow:0 0 0.2em rgba(0, 0, 0, .7)}


#exploreCharacters ul { 
font-size: 1.2em; 

overflow: hidden;
list-style-type: none;
padding: 0 0;

background: #ffc655;

margin-top: 0;
}

#exploreCharacters li { 
float: left;
display: block;
font-family: sans-serif;
margin: 2px 2px;
padding: 0px 15px 0px 15px;
background: #ffc655;
color: black;

border: 1px solid white; border-width: 0 0 3px 0;

 }
#exploreCharacters li:hover { border: 1px solid #59f; border-width: 0 0 3px 0; }
#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 { padding: 3px 0 3px 10px; margin: 0 0 10px 0; text-indent: 0; border: 1px solid #ffc655; ; border-width: 0 0 0 2px; }
#mobileform li:hover { transition-duration: 0.5s; background: #ffc655; }
#mobileform ul { padding: 0 0; margin: 0 0; list-style: none; }

#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;
	margin: 0;
	padding: 0;
	overflow: hidden;

}
#nuit li {
	float: left;
	margin-left: 2px;
}
#nuit li a, .dropbtn {
	display: inline-block;
	color: #2A60B2;
	background-color: #FFC655;
	text-align: center;
	padding: 6px 8px;
	text-decoration: none;
	border-bottom: 2px solid #B27F18;
}
#nuit li a:hover, .dropdown:hover .dropbtn {
	background-color: #2A60B2;
	color: #FFC655;
}
#nuit li.dropdown {
	display: inline-block;
}
#nuit .dropdown-content {
	display: none;
	position: absolute;

background:none;

	min-width: 100px;
	z-index: 1;
}
#nuit .dropdown-content a {
	margin: 2px 0;
	box-shadow: 0 4px 8px 0 black;
	padding: 6px 8px;
	text-decoration: none;
	display: block;
	text-align: left;
}
#nuit .dropdown-content a:hover {
	background-color: #2A60B2;
}
#nuit .dropdown:hover .dropdown-content {
	display: block;
}

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























/* 

TWO COLORS

1. #ACE
2. #59f

3. BLACK

background: #5599ff; color: #2a60b2;


*/


#nuit2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;

}
#nuit2 li {
	float: left;
	margin-left: 2px;
}
#nuit2 li a, .dropbtn {
	display: inline-block;
	color: white;
	background-color: #2a60b2;
	text-align: center;
	padding: 6px 8px;
	text-decoration: none;
}

#nuit2 a {
	border-style: none;
}

#nuit2 li a:hover, .dropdown:hover .dropbtn {
	background-color: #5599ff;
}
#nuit2 a:hover {
	background-color: #5599ff;
}

#nuit2 li.dropdown {
	display: inline-block;
}
#nuit2 .dropdown-content {
	display: none;
	position: absolute;

background:none;

	min-width: 100px;
	z-index: 1;
}
#nuit2 .dropdown-content a {
	margin: 2px 0;
	box-shadow: 0 4px 8px 0 black;
	padding: 6px 8px;
	text-decoration: none;
	display: block;
	text-align: left;
}
#nuit2 .dropdown-content a:hover {
	background-color: #5599ff;
}
#nuit2 .dropdown:hover .dropdown-content {
	display: block;
}

#nuit2 * { border-radius: 0 0;  }


/*@font-face { font-family: 'malkavian'; src: url('http://beta.animecharactersdatabase.com/hosted/malkavian-font.ttf') format('truetype'); }*/

#superside::-webkit-scrollbar{width:5px;height:5px}
#superside::-webkit-scrollbar-thumb{background:#2a60b2}
#superside::-webkit-scrollbar-track{background:#59f}