/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by Binz ------------------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */
 
@import 'https://fonts.googleapis.com/css?family=Arimo:400,700|Cinzel+Decorative|Rationale';

body
{font-family: Arimo;
font-size: 14px;
color: #9d1d34;
background-image: url(http://i.imgur.com/hrkFz3H.jpg);
background-attachment: fixed;
background-size: auto 100%;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #f0e8c3;}

#list_surround
{position: absolute;
left: 40px;
width: 750px;
top: 25px;}

.td1, .td2, .table_header
{background-color: rgba(221, 206, 139, 0.4);
height: 20px;}

td[class^=td]
{border-top: 1px dotted transparent;
border-bottom: 1px dotted transparent;}

.header_title
{font-size: 30px;
text-align: center;
font-family: Cinzel Decorative;
background: url(http://i.imgur.com/Jrtv3C3.png) bottom no-repeat;}

.table_headerLink, .table_headerLink strong
{font-family: Rationale;
font-weight: normal !important;}

small:nth-child(3)
{display: inline-block;
padding-left: 3px;
padding-right: 3px;
border: 1px dotted #9d1d34;
text-transform: uppercase;
font-size: 9px;
vertical-align: middle;}

.category_totals
{background: url(http://i.imgur.com/Umak3jd.png) top no-repeat;
padding-top: 6px;
text-align: center;
text-decoration: underline;}

#grand_totals
{text-align: center;
border: 1px dotted #9d1d34;}

tr:hover [class^=td]
{
color: #f0e8c3;
background-color: rgba(158, 32, 54, 0.5) !important;
transition: all 0.3s ease-in-out;
border-top: 1px dotted #9d1d34;
border-bottom: 1px dotted #9d1d34;
}

tr:hover [class^=td] a, tr:hover [class^=td] .animetitle
{color: #f0e8c3 !important;
text-shadow: -1px 1px 2px #9d1d34, 1px 1px 2px #9d1d34, 1px 1px 2px #9d1d34, 1px -1px 2px #9d1d34;}

tr:hover [class^=td] small:nth-child(3)
{border-color: #f0e8c3 !important;}

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

.animetitle
{color: #d22c44 !important;
font-weight: bold;}

.status_selected a, .status_not_selected a
{text-transform: uppercase;
vertical-align: middle;}

.status_selected a
{font-size: 14px;
border: 1px dotted #9d1d34;
padding-left: 3px;
padding-right: 3px;}

.status_not_selected a
{font-size: 10px;}

.status_not_selected a:hover
{font-size: 14px;
transition: all 0.3s ease-in-out;}

/*topbar*/
/* TOP BAR SETTINGS
the numbers in parenthesis change the color and opacity of the bar. Get a color number easily from this page:
http://www.css3maker.com/css-3-rgba.html

Change position to absolute to make the bar not scroll with the page.
Change the background image out with the url in parenthesis. 
*/

#mal\_control\_strip {
background-color: rgba(177, 26, 61, 1) !important;
background-image: url('http://i.imgur.com/hzPJrg4.png') !important;
position:fixed;
z-index: 9999;
}



/* 
OTHER CODES
*/
#mal\_control\_strip {
background-position: bottom !important; 
top: -16px;
height: 1px !important;}
#mal\_control\_strip di\v {display:inline}
#mal\_cs\_pic img {height: 24px !important; width: auto !important}
#mal\_cs\_listinfo {
  width: 26% !important;
  height: 0 !important;
  padding-bottom: 18px !important;
  padding-top: 27px !important;
background: ;
position: absolute;
top:-5px;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_listinfo div:first-of-type:before {content:'Logged in as '}
#mal\_cs\_listinfo div:last-of-type a {text-decoration: none}
#mal\_cs\_listinfo div:last-of-type a:hover {text-decoration: underline}
#mal\_cs\_listinfo div:last-of-type:before {font-weight:normal;content:'('}
#mal\_cs\_listinfo div:last-of-type:after {font-weight:normal;content:')'}
#mal\_cs\_links {
  width: 92px !important;
  height: 0 !important;
  padding-bottom: 20px !important;
  padding-top: 27px !important;
left: 28%;
top: -7px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;width:16px;height:16px;content:none; display: inline-block !important;color: transparent !important; letter-spacing: -1ex;font-size:xx-small}
#mal\_cs\_links div:first-of-type:after {content: '\a0'}
#mal\_cs\_links div:first-of-type a:first-of-type {background-position: 0px 0px}
#mal\_cs\_links div:first-of-type a:last-of-type {background-position: -16px 0px}
#mal\_cs\_links div:last-of-type a:first-of-type {background-position:-32px 0px}
#mal\_cs\_links div:last-of-type a:last-of-type {background-position:-48px 0px}
#mal\_cs\_otherlinks strong{
  width: 25% !important;
  height: 0 !important;
  padding-bottom: 20px !important;
  padding-top: 27px !important;
left:28%;
margin-left: 130px;
top: -5px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_otherlinks div:last-of-type {float:right;padding-right:150px;
margin-top: 19px;}
#mal\_cs\_otherlinks div:first-of-type {float:left}
#mal\_cs\_powered img {display:none}
#searchBox {margin-top: 15px !important; width: 135px !important}
#mal\_control\_strip img {
margin-top: 15px !important;
}
#mal_cs_listinfo form
{display: inline-block;}