/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by Zubblan ---------------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */
 
@import "https://dl.dropboxusercontent.com/s/kv9w1ffmmd875em/purple-icon-topbar.css";
@import "https://fonts.googleapis.com/css?family=Lily+Script+One";
@import url(https://malcat-gen.appspot.com/series?preset=more);

body
{background-image: url(http://i.imgur.com/lbhhL4t.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-size: cover;
color: #ffffff;
font-size: 12px;
font-family: Verdana;}

#list_surround br
{display: none;}

#list_surround
{width: 650px;
position: absolute !important;
margin: auto !important;
right: 0px !important;
left: 0px !important;
margin-top: 10% !important;}

.header_title
{padding-top: 20px;
font-family: Lily Script One;
text-align: center;
font-size: 30px;
text-shadow: 5px 0px 7px rgba(46,21,113,1);}

.td1, .td2, .table_header, .category_totals
{background-color: rgba(0, 0, 0, 0.5);
height: 20px;}

a, a:visited, a:hover
{color: #ffffff;
text-decoration: none;}

.animetitle
{color: #fae8ff;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;}

tr:hover [class^=td]
{color: #000000;
background-color: rgba(255, 255, 255, 0.5) !important;
transition: all 0.3s ease-in-out;}
	
tr:hover [class^=td] a
{color: #2e1571;}

tr:hover [class^=td] .animetitle
{font-weight: bold;
text-transform: uppercase;
font-size: 9px;}

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

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

.category_totals
{text-align: center;
border-radius: 0 0 10px 10px;
text-transform: uppercase;
font-size: 10px;}

[class^="status_"] a, [class^="status_"] a:hover
{color:transparent;
display:block;
font-size:0;
height: 70px;
width: 200px;}

[class^="status_"]
{display: block !important;
position: fixed;
left: 20px;
height: 70px;
width: 200px;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

[class^="status_"]:nth-of-type(1)
{background-image: url(http://i.imgur.com/EuR83X7.png);
top: 20px;}

[class^="status_"]:nth-of-type(1):hover
{background-image: url(http://i.imgur.com/SM7icCc.png);}

[class^="status_"]:nth-of-type(2)
{top: 95px;
background-image: url(http://i.imgur.com/InmkVBX.png);}

[class^="status_"]:nth-of-type(2):hover
{background-image: url(http://i.imgur.com/9jVgsda.png);}

[class^="status_"]:nth-of-type(3)
{top: 170px;
background-image: url(http://i.imgur.com/8pVioLL.png);}

[class^="status_"]:nth-of-type(3):hover
{background-image: url(http://i.imgur.com/dOIsDz4.png);}

[class^="status_"]:nth-of-type(4)
{top:245px;
background-image: url(http://i.imgur.com/8jGF06g.png);}

[class^="status_"]:nth-of-type(4):hover
{background-image: url(http://i.imgur.com/sNtCB4C.png);}

[class^="status_"]:nth-of-type(5)
{top: 320px;
background-image: url(http://i.imgur.com/KSB3eyQ.png);}

[class^="status_"]:nth-of-type(5):hover
{background-image: url(http://i.imgur.com/pdBUmBy.png);}

[class^="status_"]:nth-of-type(6)
{top: 395px;
background-image: url(http://i.imgur.com/yYEOKKh.png);}

[class^="status_"]:nth-of-type(6):hover
{background-image: url(http://i.imgur.com/cmXJMGi.png);}

#grand_totals, #copyright
{display: block;
height: 20px;
line-height: 20px;
border-radius: 10px;
background-color: rgba(0,0,0,0.5);
margin-top: 20px;
text-align: center;
text-transform: uppercase;
font-size: 8px;
font-weight: bold;}

:hover + .hide
{background-size: 200px 300px;
right: 20px;
bottom: 20px;
width: 200px;
height: 300px;
padding-bottom: 0px;
background-position: center 50% !important;
background-repeat: no-repeat !important;
display: block !important;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;}

[id^="xmenu"]
{display: none;}

[class^=td] div small
{font-size: 0;
color: transparent;}

[class^=td] div small a
{font-size: 10px;
color: inherit;}