/* azzurro chiaro #97c0fe */
/* blu #1777ff */

body {
  scrollbar-face-color: #1777ff;
  scrollbar-highlight-color: #97c0fe;
  scrollbar-shadow-color: #1777ff;
  scrollbar-3dlight-color: #1777ff;
  scrollbar-arrow-color: #97c0fe;
  scrollbar-track-color: #1777ff;
  scrollbar-darkshadow-color: #1777ff;
  scrollbar-base-color: #1777ff;
  scrollbar-width: 50px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  color: #1777ff;
  width: 100%;
  background-color: #ffffff;
}

body#sx {
  background-attachment: fixed;
  background-image: url('bottoni/sfondo_barra_sx.gif');
}

body#dx {
  background-attachment: fixed;
  background-image: url('bottoni/sfondo_barra_dx.gif');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  margin-bottom: 0px;
  margin-right: 0px;
}

u { color:#97c0fe; font-style:normal; font-weight:bold; TEXT-DECORATION:none; }
i { color:#1777ff; font-style:normal; font-weight:bold; }
b { color:#ffffff; font-style:normal; font-weight:bold; }
hr { color:#ffffff; noshade; }

h1 {
  font-weight: normal; font-size: 24px; color: #1777ff; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;
}

h2 {
  font-weight: normal; font-size: 18px; color: #ffcc00; font-family: Verdana, Arial,
Helvetica, sans-serif; text-align: center;
}

h3 {
  font-weight: normal; font-size: 16px; color: #ffcc00; font-family: Verdana, Arial,
  Helvetica, sans-serif; text-align: center;
}

h4 {
  font-weight: bold; font-size: 14px; color: #999999; font-family: Verdana, Arial,
  Helvetica, sans-serif
}

h5 {
  font-weight: bold; font-size: 14px; color: #ffcc00; font-family: Verdana, Arial,
  Helvetica, sans-serif
}

h6 {}

table { font-size: 10px; }

.stretch {
  letter-spacing:-1pt;
}

div#smaller {
  font-size: 80%;
}

div#larger {
  font-size: 120%;
}

p.author {
  text-align: right;
  font-size: 12px;
}

p.copyright {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #999999;
}

p.center {
  text-align: center;
  font-size: 10px;
}


img.left { float:left; margin:5}
img.right { float:right; margin:5}
ul { padding:0 0 0 15; margin:5 5 5 5}
li { padding:2; margin:10 0 0 0; border-style:solid; border-width:1; border-color:#999999; list-style-image:url(bottoni/freccia_li.gif) }

a.link1 {
	FONT-WEIGHT: bold; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial,
	Helvetica, sans-serif; TEXT-DECORATION: none
}
a.link1:hover {
	FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Verdana, Arial, 
	Helvetica, sans-serif; TEXT-DECORATION: underline
}
a.link2 {
	FONT-WEIGHT: bold; COLOR: #999999; FONT-FAMILY: Verdana, Arial,
	Helvetica, sans-serif; TEXT-DECORATION: none
}
a.link2:hover {
	FONT-WEIGHT: bold; COLOR: #999999; FONT-FAMILY: Verdana, Arial, 
	Helvetica, sans-serif; TEXT-DECORATION: underline
}
a.link3 {
	FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial,
	Helvetica, sans-serif; TEXT-DECORATION: none
}
a.link3:hover {
	FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, 
	Helvetica, sans-serif; TEXT-DECORATION: underline
}

a.linkImage {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER: 2; BORDER-STYLE: solid; BORDER-COLOR: #1777ff;
}
.linkImage:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER: 2; BORDER-STYLE: solid; BORDER-COLOR: #97c0fe;
}

div.box {
	width: auto; margin: 10px 10px 10px 10px; text-align: justify; font-size: 12px;
}

div.boxWebring {
	WIDTH:100%; HEIGHT:100%; MARGIN: 0px; TEXT-ALIGN: center
}

div.nullbox {
	WIDTH: 0; HEIGHT: 0; DISPLAY: NONE; MARGIN: 10px; TEXT-ALIGN: center
}

.linkNote {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffcc00; FONT-FAMILY: Verdana, Arial,
	Helvetica, sans-serif; TEXT-DECORATION: underline
}
.linkNote:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, 
	Helvetica, sans-serif; TEXT-DECORATION: underline
}

/* inizio elementi di default */

table.tab_default {
  table-layout: fixed;
  border: 0px solid #ffffff;
  border-collapse: separate;
  border-spacing: 5px;
  text-align: left;
  width: auto;
  margin: 0px;
}

td.default {
  width: 100%;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  border-bottom: solid 1px #999999;
}

td.link {
  width: 80px;
  color: #ffcc00;
  font-weight: normal;
  text-align: center;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}

td.number {
  width: 25px;
  color: #999999;
  font-weight: bold;
  text-align: center;
}

td.jap {
  width: 33%;
  color: #1777ff;
  margin: 5px;
  font-size: 10px;
  font-weight: bold;
}

td.ita1 {
  width: 33%;
  color: #999999;
  margin: 5px;
  font-size: 10px;
  font-weight: bold;
  border-left: solid 1px #ffcc00;
  border-right: solid 1px #ffcc00;
}

td.ita2 {
  width: 33%;
  color: #ffffff;
  margin: 5px;
  font-size: 10px;
  font-weight: bold;
}

td.japlist {
  width: 33%;
  color: #1777ff;
  margin: 5px;
  font-size: 10px;
  font-weight: bold;
  border-bottom: solid 1px #ffffff;
}

td.ita1list {
  width: 33%;
  color: #97c0fe;
  margin: 5px;
  font-size: 10px;
  font-weight: bold;
  border-bottom: solid 1px #ffffff;
}

td.ita2list {
  width: 33%;
  color: #ffffff;
  margin: 5px;
  font-size: 10px;
  font-weight: bold;
  border-bottom: solid 1px #ffffff;
}

/* fine elementi di default */

/* elementi per il menù di sinistra */

div#home {
  position: absolute;
  top: 70px;
  left: 2px;
  height: 30px;
  margin-top: 0px;
/*  margin-left: 2px;*/
  text-align: left;
/*  letter-spacing: -1pt;*/
  font-size: 10px;
  color: #ffffff;
}

div#main1 {
  font-size: 12px;
  color: #ffffff;
}

div#main2 {
  font-size: 10px;
  color: #ffffff;
}

div#menusx {
  position: absolute;
  top: 100px;
  left: 0px;
}

div#menudx {
  position: absolute;
  top: 20px;
  left: 10px;
  display: none;
}

table.menusx {
  table-layout: fixed;
  border: 0px solid #ffcc00;
  border-collapse: collapse;
/*  width: 145px; */
  margin-top: 0px;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
}

td.menusx_center {
  width: 127px;
  height: auto;
  background-color: #1777ff;
}

td.menusx_top {
  width: 127px;
  height: 10px;
  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_top_tabella2.gif');
  background-position: 0%;
}

td.menusx_bottom {
  width: 127px;
  height: 10px;
  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_bottom_tabella2.gif');
  background-position: 0%;
}

td.menusx_dx {
  width: 5px;
  height: auto;
  background-color: #1777ff;
}

td.menusx_top_dx {
  width: 5px;
  height: 10px;
  background-color: #1777ff;
/*  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_top_tabella2.gif');
  background-position: 0%; */
}

td.menusx_bottom_dx {
  width: 5px;
  height: 10px;
  background-color: #1777ff;
/*  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_bottom_tabella2.gif');
  background-position: 0%; */
}

td.menusx_sx {
  width: 8px;
  height: auto;
  background-repeat: repeat-y;
  background-image: url('bottoni/sfondo_sx_tabella2.gif');
  background-position: 0%;
}

td.menusx_top_sx {
  width: 8px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url('bottoni/sfondo_top_sx_tabella2.gif');
  background-position: 0%;
}

td.menusx_bottom_sx {
  width: 8px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url('bottoni/sfondo_bottom_sx_tabella2.gif');
  background-position: 0%;
}

table.menusx a.link1 {
	FONT-WEIGHT: bold; COLOR: #97c0fe; FONT-FAMILY: Verdana, Arial,
	Helvetica, sans-serif; TEXT-DECORATION: none
}
table.menusx a.link1:hover {
	FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, 
	Helvetica, sans-serif; TEXT-DECORATION: underline
}



/* fine elementi per il menù di sinistra */

/* elementi per il menù di destra */

table.menudx {
  table-layout: fixed;
  border: 0px solid #ffcc00;
  border-collapse: collapse;
/*  width: 145px; */
  margin-top: 0px;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
}

td.menudx_center {
  width: 120px;
  height: auto;
  background-color: #97c0fe;
}

td.menudx_top {
  width: 120px;
  height: 10px;
  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_top_tabella.gif');
  background-position: 0%;
}

td.menudx_bottom {
  width: 120px;
  height: 10px;
  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_bottom_tabella.gif');
  background-position: 0%;
}

td.menudx_sx {
  width: 18px;
  height: auto;
  background-color: #97c0fe;
}

td.menudx_top_sx {
  width: 18px;
  height: 10px;
  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_top_tabella.gif');
  background-position: 0%;
}

td.menudx_bottom_sx {
  width: 18px;
  height: 10px;
  background-repeat: repeat-x;
  background-image: url('bottoni/sfondo_bottom_tabella.gif');
  background-position: 0%;
}

td.menudx_dx {
  width: 10px;
  height: auto;
  background-repeat: repeat-y;
  background-image: url('bottoni/sfondo_dx_tabella.gif');
  background-position: 0%;
}

td.menudx_top_dx {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url('bottoni/sfondo_top_dx_tabella.gif');
  background-position: 0%;
}

td.menudx_bottom_dx {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url('bottoni/sfondo_bottom_dx_tabella.gif');
  background-position: 0%;
}

/* fine elementi per il menù di destra */

/* inizio elementi per tracklist */

table.tracklist {
  table-layout: fixed;
  border: 0px solid #ffcc00;
  border-collapse: separate;
  border-spacing: 10px;
  width: auto;
  margin: 0px;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
}

caption { font-size: 120%; font-weight: bold; text-align: left; color: #ffcc00; }

td.colspan { width: 100%; }

td.namejap {
  width: 50%;
  color: #ffcc00;
/*  border-top: solid 1px #ffcc00;*/
/*  border-bottom: solid 1px #ffcc00;*/
/*  border-left: solid 1px #ffcc00;*/
/*  border-right: solid 1px #ffcc00;*/
}

td.nameita {
  width: 50%;
  color: #ffffff;
/*  border-top: solid 1px #ffcc00;*/
/*  border-bottom: solid 1px #ffcc00;*/
/*  border-left: solid 1px #ffcc00;*/
/*  border-right: solid 1px #ffcc00;*/
}

td.min {
  width: 45px;
  color: #999999;
  font-weight: bold;
  text-align: center;
/*  border-top: solid 1px #ffcc00;*/
/*  border-bottom: solid 1px #ffcc00;*/
/*  border-left: solid 1px #ffcc00;*/
/*  border-right: solid 1px #ffcc00;*/
}

/* fine elementi per tracklist */

/* inizio elementi per fanfic */

table.fanfic {
  table-layout: fixed;
  border: 0px solid #ffcc00;
  border-collapse: separate;
  border-spacing: 4px;
  width: auto;
  margin-top: 10px;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
}

td.episode {
  width: 100%;
  color: #ffffff;
  font-weight: bold;
  text-align: justify;
/*  border-top: solid 1px #ffcc00;*/
  border-bottom: solid 1px #999999;
/*  border-left: solid 1px #ffcc00;*/
/*  border-right: solid 1px #ffcc00;*/
}

/* fine elementi per fanfic */

/* inizio elementi per i titoli degli episodi in multilingua */

table.title {
  table-layout: fixed;
  border: 1px solid #ffcc00;
  border-collapse: separate;
  border-spacing: 4px;
  text-align: center;
  width: auto;
  margin: 0px;
}

/* fine elementi per i titoli degli episodi in multilingua */


/* inizio zona personalizzata */

table.constellation {
  table-layout: fixed;
  border: 0px solid #ffcc00;
  border-collapse: collapse;
  text-align: left;
  width: auto;
  margin: 0px;
}

table.constellation2 {
  table-layout: fixed;
  border: 0px solid #ffcc00;
  border-collapse: separate;
  border-spacing: 5px;
  text-align: left;
  width: auto;
  margin: 0px;
}

td.constlist {
  width: 100%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.const {
  width: 140px;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffcc00;
  border-bottom: solid 1px #999999;
}

td.pers {
  width: 100px;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #999999;
  border-bottom: solid 1px #999999;
}

td.descr {
  width: 100%;
  font-size: 10px;
  text-align: justify;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

table.music {
  table-layout: fixed;
  border: 0px solid #ffcc00;
  border-collapse: collapse;
  text-align: left;
  width: 90%;
  margin: 0px;
}

td.musicjap {
  width: 50%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffcc00;
  border-bottom: solid 1px #999999;
}

td.musicita {
  width: 50%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.date {
  width: 100px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #999999;
  border-bottom: solid 1px #999999;
}

td.productor {
  width: 130px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #999999;
  border: solid 1px #ffcc00;
}

td.prodname {
  width: 50%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffcc00;
  border-bottom: solid 1px #999999;
}

td.proddescr {
  width: 50%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.fanartname {
  width: 50%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffcc00;
  border-bottom: solid 1px #999999;
}

td.fanartdescr {
  width: 50%;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.dialogo {
  width: 100%;
  font-size: 10px;
  font-weight: normal;
  text-align: justify;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.dopp {
  width: 130px;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.dialogoinfo {
  width: 100px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #999999;
  border-bottom: solid 1px #999999;
}

td.doppepi {
  width: 130px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #999999;
  border-bottom: solid 1px #999999;
}

td.dopppers {
  width: 100%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.dialogolist {
  width: 100%;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  border-bottom: solid 1px #999999;
}

td.bw_image {
  width: 50%;
  text-align: center;
  color: #ffffff;
  background-color: white;
}

td.bw_phrase {
  width: 50%;
  text-align: justify;
  font-size: 12px;
  color: #ffffff;
}

div#phrase {
  margin: 5px;
}