/*
    Square Layout Version 1.3
        u531355 - 2012
        Kezian - 2013, 2014
*/

body {
    width: 95%;
    font-size: 15px;
}

a {
    text-decoration: none !important;
}

body, td, a {
    font-family: Verdana, Arial, Helvetica, sans-serif;  
}

#list_surround {
    top: 6%;
    margin-top: 5px;
    margin-left: 5px;
    width: 100%;
    border-radius: 42px;
}

#list_surround .List_LightBox {
    display: block;
    visibility: visible;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 0px;
}

/*Image*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw),
.hide {
    float: left;
    position: relative;
    width: 220px;
    height: 300px;
    margin: 10px;
    border-radius: 10px;
    z-index: 9;
}

#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) {
    z-index: 10;
}

.hide {
    display: block !important;
    margin-left: -230px;
}

.td1, .td2 {
    position: absolute;
}

/* Shadow under text */
.td1:nth-of-type(n+1), .td2:nth-of-type(n+1),
.td1 a + small, .td2 a + small {
    text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black,
        0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black;
}

/* Title Box */
.td1:nth-of-type(2), .td2:nth-of-type(2) {
    visibility: hidden;
    padding: 0px;
    width: 100%;
    height: 100%;
}
.animetitle {
    visibility: visible;
    position: inherit;
    top: 5%;
    margin: 5%;
    width: 90%;
    text-align: center;
    font-weight: bold;
}
/* Publishing, Airing, Rewatching or nothing*/
.td1 a + small, .td2 a+ small {
    visibility: visible;
    position: inherit;
    bottom: 3px;
    right: 8px;
    font-size: 15px;
}

/* Number */
.td1:first-of-type, .td2:first-of-type {
    display: none;
}

/* Anime Type (TV, Movie, OVA, Special) */
.td1:nth-of-type(4)[width="50"], .td2:nth-of-type(4)[width="50"] {
    text-align: left;
    top: 3px;
    left: 8px;
    font-weight: normal !important;
}

/* Manga Type (Manga, Novel, Manhua, One-Shot) */
.td1:nth-of-type(6)[width="90"], .td2:nth-of-type(6)[width="90"] {
    text-align: left;
    top: 3px;
    left: 8px;  
}

/* Animes Rating */
.td1:nth-of-type(7)[width="50"], .td2:nth-of-type(7)[width="50"] {
    text-align: right;
    top: 3px;
    right: 8px;    
}

/* Score */
.td1:nth-of-type(3), .td2:nth-of-type(3) {
    text-align: center;
    bottom: 7%;
    right: 7%;
    width: 60px;
    font-size: 40px;
    font-weight: bold;
}

/* Animes Episodes and Mangas Volumes / Chapters */
.td1:nth-of-type(5), .td2:nth-of-type(5), .td1:nth-of-type(4), .td2:nth-of-type(4) {
    bottom: 11%;
    left: 11%;
    width: auto;
    font-weight: bold; 
}

/* Chapters */
.td1:nth-of-type(4), .td2:nth-of-type(4) {
    left: 11%;
    bottom: 22%;
}

input {
    width: auto;
    text-align: center;
}

input, .inputtext {
    font-size: 15px;
    border: none;
    border-radius: 4px;
}

.inputtext {
    width: 100%;
    height: 103px;
}

input[value=Go] {
    display: none;
}

/* Dates */
.td1:nth-of-type(8)[width="90"], .td2:nth-of-type(8)[width="90"] {
    bottom: 3px;
    left: 3px;
}
.td1:nth-of-type(9)[width="90"], .td2:nth-of-type(9)[width="90"] {
    bottom: 3px;
    right: 3px;
}

/* Priority */
.td1:nth-of-type(n+8)[width="80"], .td2:nth-of-type(n+8)[width="80"] {
    text-align: left;
    bottom: 3px;
    left: 8px;
}

/* Tags */
.td1:nth-of-type(n+6)[width="125"], .td2:nth-of-type(n+6)[width="125"] {
    text-align: center;
    display: none;
    width: 93%;
    margin-top: 48%;
    margin-left: 3%;
    overflow: visible;
}
#list_surround > table:hover .td1:nth-of-type(n+6)[width="125"], 
#list_surround > table:hover .td2:nth-of-type(n+6)[width="125"] {
    display: block;
}

/* Totals */
.category_totals:before {
    display: block;
    content: "Totals:";
    font-weight: bold;
}
.category_totals {
    padding: 0px 30px;
    text-align: center;
    white-space: pre-line;
    border-radius: 10px;
}
#grand_totals:before {
    content: "Grand Totals: ";
    font-weight: bold;
}

#grand_totals, #copyright {
    clear: both;
    position: relative;
    top: 10px;
    left: 16%;
    text-align: center;
    width: 60%;
    padding: 6px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#copyright:before {
    content: "CSS made by U531355 (2012) and edited by Kezian (2013-2014).";
    display: block;
    margin-bottom: 10px;
}

#list_surround > br {
    display: none;
}