/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by Adespota --------------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */

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

#list_surround
{position: absolute !important;
margin: auto !important;
right: 0px !important;
left: 0px !important;
width: 700px;
text-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
}

#list_surround br
{display: none;}

.td1, .td2, .table_header, .category_totals
{height: 25px;
line-height: 25px;
background-color: rgba(0,0,0,0.4);}

.td1, .td2, .table_header
{border-bottom: 1px dashed #ffffff;}

.category_totals
{text-align: center;}

#list_surround a
{text-decoration: none;
font-weight: bold;
color: #a3fffd;
text-shadow: 2px 0px 3px #000000;}

tr:hover [class^=td]
{color: #000000;
font-weight: bold;
background-color: rgba(255,255,255, 0.3) !important;
transition: all 0.2s ease-in-out;}

#grand_totals, #copyright
{height: 25px;
line-height: 25px;
background-color: rgba(0,0,0,0.4);
text-align: center;}

#grand_totals
{margin-top: 10px;}

.header_title
{font-size: 0px;
height: 300px;}

#list_surround > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > div:nth-child(1) small
{visibility: hidden;}

a.List_LightBox
{visibility: visible !important;
float: right;}

[class^="status_"]
{position: fixed;
display: block !important;
right: -30px;
height: 70px;
width: 200px;
line-height: 70px;
border-bottom: 1px dashed #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

.status_not_selected
{background-color: rgba(0,0,0,0.4);}

.status_selected, .status_not_selected:hover
{right: 0px !important;
background-color: rgba(255,255,255, 0.3);}

[class^="status_"] a
{color: transparent !important;
text-shadow: none !important;
display: block;
width: 200px;
height: 70px;}

[class^="status_"]:nth-of-type(1)
{bottom: 280px;
background: rgba(0,0,0,0.4) url(http://i.imgur.com/duhXada.png) no-repeat;}

[class^="status_"]:nth-of-type(2)
{bottom: 210px;
background: rgba(0,0,0,0.4) url(http://i.imgur.com/SUnkVyd.png) no-repeat;}

[class^="status_"]:nth-of-type(3)
{bottom: 140px;
background: rgba(0,0,0,0.4) url(http://i.imgur.com/QbRA2KW.png) no-repeat;}

[class^="status_"]:nth-of-type(4)
{bottom: 70px;
background: rgba(0,0,0,0.4) url(http://i.imgur.com/b1nmFjb.png) no-repeat;}

[class^="status_"]:nth-of-type(5)
{bottom: 0px;
background: rgba(0,0,0,0.4) url(http://i.imgur.com/ej239cN.png) no-repeat;}

[class^="status_"]:nth-of-type(6)
{display: none !important;}

[class^="status_"]:hover
{background-color: rgba(255,255,255, 0.3);}

.header_cw
{background-image: url(http://i.imgur.com/1bqTqZg.png);}

.header_completed
{background-image: url(http://i.imgur.com/23Xlcg4.png);}

.header_dropped
{background-image: url(http://i.imgur.com/ybOY4ML.png);}

.header_ptw
{background-image: url(http://i.imgur.com/S6g8A4C.png);}

.header_onhold
{background-image: url(http://i.imgur.com/TUZtENs.png);}

/*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(163,255,253,.5) !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;}