body {
background-color: #111111;
background-image: url('bg.png');
background-repeat: repeat;
font-family: "tahoma";
text-align:justify;
font-size: 10px;
color: #666;
margin: 0px;
padding: 0px;
}
#container{
margin: 0 auto;
margin-top:0px;
width:900px;
background-color:#111111;
border:1px solid #1d1d1d;
}

#header{
float:right;
width:900px; height: 450px;
margin:0px;
background-image: url('header.png');
}

}
#content{
width: 900px;
padding:5px;
margin:15px;
background-color:#111111;
}

#footer{
clear:both;
background-color:#111111;
border-top:1px solid #1d1d1d;
text-align:center;
padding:5px;
}

a:link, a:active, a:visited {
text-decoration: none;
color: #c0184e;
}
a:hover {
color: #03a9de;
text-decoration: none;
}

a.nav:link, a.nav:active, a.nav:visited{
font-family: "tahoma";
text-align:left;
padding:3px; margin:1px;
padding-left:10px;
font-size: 10px;
color: #eee;
background-color:#ccc;
display:block;
}
a.nav:hover{
font-family: "tahoma";
text-align:left;
padding:3px; margin:1px;
padding-left:10px;
font-size: 10px;
color: #30d5f3;
background-color:#d2d2d2;
display:block;
}

h1{
color: #c0184e;
font-size: 10pt;
font-weight: bold;
padding-left:2px;
background-color: #1d1d1d;
display:block;
text-transform: lowercase;
margin:0px; padding:2px;
}

h2{
color: #c0184e;
font-size: 10pt;
font-weight: bold;
padding-left:2px;
background-color: #1d1d1d;
display:block;
text-transform: lowercase;
margin:0px; padding:2px;
}

h3{
color: #111111;
font-size: 10pt;
font-weight: bold;
padding-left:2px;
background-color: #111111;
display:block;
text-transform: lowercase;
margin:0px; padding:2px;
}

b {color:#1770c1;}
i {color:#c0184e;}
u {color:#999;}

a.load:link, a.load:active, a.load:visited{
font-family: "arial black";
text-align:center;
padding:3px; margin:5px;
font-size: 20px;
color: #c0184e;
font-weight:normal;
background-color:#ccc;
text-transform: uppercase;
}

a.load:hover{
font-family: "arial black";
text-align:center;
padding:3px; margin:5px;
font-size: 20px;
color: #30d5f3;
background-color:#1d1d1d;
text-transform: uppercase;
}

#toplinks {
width: 900px;
height: 35px;
background-color: #111111;
}

.toplinks a {
width: 110px;
margin: 0 auto;
padding: 13px 0px 20px 0px;
display: block;
font-size: 12px;
color: #c0184e;
text-transform: uppercase;
text-align: center;
background-color: #111111; }

.toplinks a:hover {
background-color: #1d1d1d;
color: #30d5f3; }

.block
{
    background-color: #1d1d1d;
    margin: 2px; padding: 3px;
    padding-left: 10px;  padding-right: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: #c0184e;
    font-weight: normal;
 }

 .block:hover
{
    background-color: #1d1d1d;
    margin: 2px; padding: 3px;
    padding-left: 10px;  padding-right: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: #30d5f3;
    font-weight: normal;
 }

.nicebox
{
    background-color: #1d1d1d;
    margin: 2px; padding: 3px;
    padding-left: 10px;  padding-right: 10px;
    letter-spacing: 1px;
    font-weight: normal;
 }
 
 /************************
N E E D E D
************************/
#needed-deck {
    text-align: left;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
#needed-cards {
    text-align: left;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

#needed-trading #needed-cards {
    color: white !important;
}
#needed-pending {
    text-transform: line-through;
}

#needed b, #needed strong {
    text-align: left;
}

.highlightCard {
	border: 2px solid #D63550;
	background: #D63550;
}
.dimmedCard {
	opacity:0.3;
	filter:alpha(opacity=30);
}