/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by Ryuuguu_Azaka ---------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */
 
@import "https://dl.dropboxusercontent.com/s/kv9w1ffmmd875em/purple-icon-topbar.css";

@font-face
{font-family: "Coolvetica";
src: url(https://dl.dropboxusercontent.com/s/8db6z8p3edd05hc/coolvetica.ttf) format('truetype');}

/* 600px */
@media all and (min-device-height:600px) {

body {background-position: top right, bottom;}
}

/* 900px */
@media all and (min-device-height:900px) {

body {background-position: bottom right, bottom;}
}

body
{background-image: url(https://dl.dropboxusercontent.com/s/iifgpdyj246k6zw/teru-render.png), url(https://dl.dropboxusercontent.com/s/hcg8a1na6bh91qn/anime-scenery.jpg);
background-size: auto, cover;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: Tahoma;
font-size: 12px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
color: #ffdfed;}

#list_surround
{position: absolute;
margin-left: 2%;
margin-right: 35%;}

.table_header, .category_totals
{background-color: rgba(176,70,123,0.6);
height: 20px;
line-height: 20px;
text-align: center;}

.table_header:first-child
{border-radius: 10px 0px 0px 0px;}

.table_header:last-child
{border-radius: 0px 10px 0px 0px;}

.category_totals
{border-radius: 0px 0px 10px 10px;}

.td1, .td2 
{background-color: rgba(176,70,123,0.6);
height: 40px;
line-height: 14px;
transition: all 0.35s ease;}

.td1:nth-of-type(5), .td2:nth-of-type(5)
{line-height: 10px;}

.td1:nth-of-type(5) span a, .td2:nth-of-type(5) span a
{pointer-events: none;
cursor: default;
font-size: 10px;
color: #ffdfed;
transition: all 0.2s linear;}

tr:hover [class^=td], #list_surround table:first-of-type td:hover
{background-color: rgba(90,17,59,0.5);
transition: all 0.35s ease;}

tr:hover [class^=td] span a
{font-size: 12px;
transition: all 0.2s linear;}

strong
{font-weight: normal;}

a
{text-decoration: none;
color: #fff;}

.td1:nth-of-type(2) div small, .td2:nth-of-type(2) div small
{visibility: hidden;}


.td1:nth-of-type(2) div small a:first-of-type, .td2:nth-of-type(2) div small a:first-of-type
{float: right;
visibility: visible;}

#list_surround table:first-of-type
{height: 30px;
line-height: 30px;}

#list_surround table:first-of-type td
{width: 16.67%;
background-color: rgba(176,70,123,0.6);
transition: all 0.35s ease;}

#list_surround table:first-of-type td:first-of-type
{border-radius: 10px 0px 0px 10px;}

#list_surround table:first-of-type td:last-of-type
{border-radius: 0px 10px 10px 0px;}

#grand_totals
{height: 30px;
line-height: 30px;
border-radius: 10px;
background-color: rgba(176,70,123,0.6);
text-align: center;}

.header_title
{font-size: 30px;
font-family: Coolvetica;}