/*Layout (c) Animetietokanta.com 2006-2008*/

body {
color: #3D3E6E;
background-color: #95B9C7;
margin: 0px 15px 40px 15px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}

h1 {
margin: 0px 0px 15px 0px;
padding: 0px;
font-size: 28px;
font-weight: 900;
color: #A0A0A0;
}

h2 {
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 5px 0px;
padding: 0px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 1.5;
margin: 0px 0px 10px 0px;
padding: 0px 2px 0px 2px; 
}

.Content>p {margin: 0px;}
.Content>p+p {text-indent: 30px;}
.uutisetinner>p {margin: 0px;}
.uutisetinner>p+p {text-indent: 30px;}
.infobox>p {margin: 0px;}
.infobox>p+p {text-indent: 30px;}

p a {
color: #009ACD;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
}

p a:link {color: #009ACD}
p a:visited {color: #009ACD;}
p a:hover {background-color: #D4D3D3;}

textarea {
width: 99%;
}

.button {
background-color: #777778;
border-left: 1px solid #C3C3C3;
border-top: 1px solid #C3C3C3;
border-right: 1px solid #595959;
border-bottom: 1px solid #595959;

font-size: 11px;
font-weight: bold;
color: #E8E6FF;
padding: 0px 3px 0px 3px;
}

FORM { margin: 0px; padding: 0px;}

#frame {
  background-color: #FAFBFF;
  padding: 0px 0px 0px 0px;
}
#bannertausta {
width: auto;
height: 100px;
background-image: url('graphic/logot/banneri5-7-tausta.gif');
background-repeat: repeat-x;
margin: 0px;
}

#banner {
position: absolute;
top: 0px;
left: 15px;
width: 705px;
height: 100px;
background-image: url('graphic/logot/banneri5-7.jpg');
background-repeat: no-repeat;
background-position: top left;
margin: 0px;
z-index: 4;
}

#banner-right {
position: absolute;
background-image: url('graphic/logot/banneri5-7-reuna.jpg');
background-repeat: no-repeat;
width: 135px;
height: 100px;
top: 0px;
right: 15px;
z-index: 3;
}


/*login*/

#menubar {
width: auto;
font-size: 10px;
height: 25px;
background: url(graphic/logot/logo-ala.gif);
background-repeat: repeat-x;
line-height: 24px;
padding: 0px 0px 0px 12px;
margin: 0px 0px 19px 0px;
}
#menubar a {
text-decoration: none;
display: inline;
}
#menubar a:hover {background-color: #6CF883;}

/*Keskikenttä*/
#midframe {
position: relative;
width: auto;
min-width: 600px;
min-height: 600px;
margin: 0px 10px 15px 162px;
padding: 0px;
z-index: 3;
}

/*Yleinen sisältökenttä*/
.content {
position: relative;
width: auto;
min-width: 600px;
min-height: 600px;
padding: 3px;
border-width: 1px;
border-color: black;
border-style: solid;
background-color: #D4D3D3;
z-index: 3;
}

.infobox {
position: relative;
width: auto;
padding: 0px 220px 0px 5px;
margin: 0px 0px 20px 0px;
border-width: 1px 2px 1px 2px;
border-color: black;
border-style: solid;
background: url('graphic/backgrounds/varjo-left.gif') #D4D3D3;
background-repeat: repeat-y;
z-index: 3;
}

/* Etusivu*/
.uutiset {
position: relative;
width: auto;
margin: 0px 0px 15px 0px;
border-width: 2px 1px 2px 1px;
border-color: black;
border-style: solid;
padding: 8px;
background: url('graphic/backgrounds/varjo-left.gif') #D4D3D3;
background-repeat: repeat-y;
z-index: 3;
}

.tiedot {
position: relative;
width: auto;
font-size: 10px;
margin: 0px 0px 5px 0px;
border-width: 0px 0px 1px 0px;
border-color: #A0A0A0;
border-style: solid;
padding: 0px 0px 2px 0px;
z-index: 3;
}

.uutisetinner {
position: relative;
width: auto;
margin: 0px 0px 0px 0px;
border-width: 1px 1px 1px 1px;
border-color: #736F6E;
border-style: solid;
background-color: #eeeeee;
padding: 10px;
z-index: 4; 
}

.ohjebox {
position: relative;
width: auto;
font-size: 10px;
margin: 0px 0px 5px 0px;
border-width: 1px 0px 1px 0px;
border-color: #A0A0A0;
border-style: solid;
padding: 3px 0px 3px 0px;
z-index: 3;
}

.frontImage {
position: absolute;
top: 25px;
right: 20px;
z-index: 4;
}

a img {

}

/*Yleiset*/
.page a {
float: left;
width: 20px;
padding: 2px 0px 2px 0px;
border-style: solid;
border-width: 0px 1px 0px 0px;
background-color: #F0F0F0;
display: block;
text-decoration: none;
text-align: center;
}

.page a:hover {
text-decoration: none;
background-color: #CFDDFB;
}

.pageChosen {
float: left;
width: 20px;
color: #000000;
font-weight: bold;
padding: 2px 0px 2px 0px;
border-style: solid;
border-width: 0px 1px 0px 0px;
display: block;
text-align: center;
background-color: #D9D6D6;
}

.horizontalLine {
width: auto;
border-style: solid;
border-width: 1px 0px 0px 0px;
}


/* Etuboxit*/

div.databox {
width: 300px;
border: solid black 1px;
}

div.databox a {
text-decoration: none;
}

div.databox table {
border: none;
width: 100%;
}

#etuboxit > table {
border: none;
background-color: #ECECEC;
margin: 0px 0px 6px 0px;
border-width: 1px;
border-style: solid;
}
th {
text-align: left;
}

/*
tr.oddrow {
background-color: #DBDCDE;
}
*/
tr.evenrow {
background-color: #DBDCDE;
}

tr.oddrow a, tr.evenrow a {
display: block;
}

tr.oddrow a:hover, tr.evenrow a:hover {background-color: #CFDDFB;}


/* Navigointipalkit*/
.menuheader {
background: url(graphic/navi/header-blue.gif);
width: 133px;
word-spacing: 2px;
font-weight: bold;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
vertical-align: bottom;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#navVasen {
position: absolute;
width: 138px;
top: 144px;
left: 24px;
border-width: 1px 3px 1px 3px;
border-color: #736F6E;
border-style: solid;
background-color: #eee;
padding: 0px 0px 10px 0px;
z-index: 5;
voice-family: inherit;
}


#navOikea {
position: absolute;
width: 148px;
top: 210px;
right: 13px;
margin-right: 15px;
border: 1px dashed black;
background-color: #eeeeee;
padding: 10px;
z-index: 1;
voice-family: inherit;
}

a.infolink {
text-decoration: none;
color: #09c;
}

.blink {
text-decoration: blink; 
color: red;
}

#hakubox a {
font-size: 9px;
}

#hakubox input[type=text] {
width: 118px;
}

#hakubox select {
width: 122px;
}

/*Footterit*/
#bottom {
height: 91px;
margin: 50px 0px 5px 190px;
}

#profiili1 {
width: 150px;
margin: 0px;
text-align: center;
border-style: solid;
border-width: 1px;
background-color: #E4E3E0;
}
#profiili1:hover {background-color: #B7B7B7;}

#profiili1 a, #pofiili1 a:link {
display: block;
font-weight: bold;
text-decoration: none;
}

/*------------------------------------------------------*/
/* ANIMEN LISTAUS */
#uusin {
width: 400px;
height: auto;
padding: 4px;
text-align: center;
position: relative;
border-width: 1px;
border-color: black;
border-style: solid;
background-color: #9E9D9D;
z-index: 3;
}

#piilota {
height: 20px;
padding: 4px;
text-align: right;
position: relative;
z-index: 3;
}

#hakukone {
padding: 4px;
height: auto;
text-align: center;
position: relative;
z-index: 3;
}

#sivut {
width: auto;
padding: 0px;
height: 18px;
margin: 0px 50px 0px 50px;
border-width: 1px;
border-style: solid solid dotted solid;
border-color: #000000;
background-color: #EEEEEE;
}

#sivut2 {
width: auto;
height: 18px;
padding: 0px;
margin: 0px 50px 0px 50px;
border-width: 1px;
border-style: dotted solid solid solid;
border-color: #000000;
background-color: #EEEEEE;
}

#sivut a {
text-decoration: none;
}

#sivut2 a {
text-decoration: none;
}

/*Nimi: ja arvosana: nappuloiden div*/
#jarjestys {
width: auto;
margin: 0 50px 0 50px;
border-width: 0px 1px 0px 1px;
padding: 2px 0px 0px 0px;
border-style: solid;
border-color: black;
background-color: #EEEEEE;
}

.tablelist {
border-color: black;
border-width: 0px 0px 1px 1px;
border-style: solid;
}

.tdlist {
border-color: black;
border-width: 1px 1px 0px 0px;
border-style: ridge;
margin: 0px;
padding: 4px;
background-color: #BDBDBD;
}
div.pagelinks {
text-align: center;
margin-left: auto;
margin-right: auto;
}

div.pagelinks a {
color: blue;
font-size: 13px;
}

/*Animelistan linkkien tyyli*/
.normaali {
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.kesken {
color: #DA0707;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.tarkistamatta {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#linkit
{
width: auto;
padding: 2px 0px 0px 0px;
margin: 0 50px 0 50px;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: black;
background-color: #EEEEEE;
}

#linkit a {
display: block;
}

#linkki1 {
height: 18px;
font-size: 10px;
margin: 0px;
text-align: left;
}
#linkki0 {
font-size: 10px;
height: 19px;
margin: 0px;
text-align: left;
background-color: #DBDCDE;
}

#linkki1:hover {background-color: #CFDDFB;}
#linkki0:hover {background-color: #CFDDFB;}

/*Animen kuvien uploadaus*/
#upload {
position: relative;
width: auto;
padding: 4px;
border: dotted silver 2px;
background-color: #C6C2C2;
z-index: 3;
}

/*-------------------------------------------------------*/
/* ANIME INFO-OSIO */
#ylatunnisteet {
padding: 0;
text-align: right;
margin-right: 2px;
color: #9E9D9D;
}

.tr1 {
background-color: #C9C8C8;
}

tr.tr1 th {
width: 10%;
}

tr.tr1 td {
width: 90%;
}

.tr2 {
background-color: #B2AFAF;
}

#kuva {
float: left;
position: relative;
padding: 2px 1px 0px 2px;
border: solid black 1px;
margin: 0px 10px 20px 0px;
z-index: 3;
}

#juoni {
clear: left;
position: relative;
padding: 10px 5px 10px 5px;
width: auto;
margin: 0px 0px 0px 0px;
border-color: black;
border-width: 1px;
border-style: solid dashed solid dashed;
}

#liittyvat {
clear: left;
position: relative;
padding: 5px 5px 5px 5px;
width: 434px;
font-size: 9px;
margin: 0px 0px 0px 0px;
border-color: black;
border-width: 0px 0px 0px 1px;
border-style: solid;
background: url('graphic/navi/liittyvat-oikea.gif');
background-repeat: repeat-y;
background-position: top right;
}

#alaosa {
background: url('graphic/navi/liittyvat-ala3.gif');
background-repeat: no-repeat;
background-position: bottom left;
width: 440px;
height: 20px;
margin: 0px 0px 5px 0px;
}

#musiikit {
margin: 45px 0px 0px 0px;
border-width: 1px;
border-color: black;
border-style: solid;
padding: 2px;
background-color: #D9D7D7;
}

#lopputunnisteet {
padding: 2px;
text-align: right;
margin: 30px 2px 5px 0px;
}

#versiolista {
width: 500px;
background-color: #E6E3E3;
padding: 5px;
border: solid black 1px;
margin: 15px 0px 0px 0px;
}


/*Arvostelut*/
#arvostelut {
width: auto;
margin: 10px 0px 100px 0px;
padding: 0px 0px 15px 0px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: black;
background-color: #EEEEEE;
}

.arvostelu {
width: auto;
margin: 15px 0px 0px 0px;
border-width: 1px 0px 1px 0px;
border-color: black;
border-style: solid;
padding: 5px;
background-color: #E6E3E3;
}

.arvosteluheader {
width: auto;
font-size: 10px;
margin: 0px 5px 5px 0px;
border-width: 0px 0px 1px 0px;
border-color: #A0A0A0;
border-style: solid;
padding: 0px 0px 2px 0px;
}

.arvostelu-inner {
width: auto;
margin: 0px 0px 0px 0px;
border-width: 1px;
border-color: #736F6E;
border-style: solid;
background-color: #eeeeee;
padding: 10px;
}

/*Toplistat*/
#toplista {
width: auto;
margin: 0 50px 0 50px;
border-width: 0 1px 0 1px;
border-style: solid;
border-color: black;
background-color: #EEEEEE;
}

/*Profiilin muokkaus*/
table.eprof_t {
width: 450px ;
border-style: none;
}

tr.eprof_tr {
}

td.eprof_td0 {
width: 100px;
font-weight: bold;
font-size: 15px;
}

td.eprof_td1 {
width: 50px;
}

td.eprof_td2 {
width: 400px;
text-align: left;
}

/* Web editorin layout*/

.c_table {
width: 100%;
}
.c_td {
padding: 2px;
border: 1px #CCCCCC solid;
font-size: 11px;
font-family: Arial;
color: #333333;
}
.l_file {
padding: 2px;
border: 1px #CCCCCC solid;
font-size: 11px;
font-family: Arial;
background-color: transparent;
}
.l_dir {
padding: 2px;
border: 1px #CCCCCC solid;
font-size: 11px;
font-family: Arial;
background-color: #FFFFC6;
}