@charset "utf-8";
/* CSS Document */

body
{
	background: #000000;
	color: #999999;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 11pt;
	margin: 0px;
	padding: 10px;
	height: 100%;
}

table
{
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 9pt;
}

div.header {
	width: 100%;
}

div.banner-container {
	height: 150px;
	background: #bc0d0d url(images/banner-bg.png) repeat-x top left;
}

div.header-bar {
	height: 33px;
	width: 100%;
	background: #0E0E0E url(images/footer_bg.gif) repeat-x top left;
}

a:link, body_alink
{
	color: #FFFFFF;
}
a:visited, body_avisited
{
	color: #FFFFFF;
}
a:hover, a:active, body_ahover
{
	color: #E21616;
	text-decoration: underline;
}

div.main
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 950px;
	margin-bottom: 50px;
}

table.main-table
{
	width: 950px;
}

td.box-left
{
	background:#131313;
	padding: 10px;
	border:#383838 1px solid;
	width: 75%;
}

td.box-right
{
	background:#131313;
	padding: 10px;
	border:#383838 1px solid;
	width: 25%;
}

td.spacer
{
	width: 2%;
	background: none;
}

input.level-up-button
{
	font-size: 8pt;
	margin-top: 5px;
}

td.top-adoptables-cell
{
	text-align: center;
}


.footer
{
	background: #0E0E0E url(images/footer_bg.gif) repeat-x top left;
	position: fixed;
	bottom:0;
	width:100%;
}

.top-tabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
}

.top-tabs li{
display: inline;
margin: 0;
}

.top-tabs li a{
text-decoration: none;
position: relative;
z-index: 2;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #383838;
color: #999999;
background: #2F2C2C;

}

.top-tabs li a:visited
{
color: #999999;
}

.top-tabs li a:hover
{
text-decoration: underline;
z-index: 5;
color: #999999;
background: #0B0B0B;
}

.top-tabs li a.selected
{
position: relative;
top: 1px;
background: #131313;
border-bottom: none;
}

.top-tabs li a.selected
{
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.top-tabs li a.selected:hover
{
text-decoration: none;
}

.adoptable-image
{
margin-right: 5px;
}

.adoptable-wrapper
{
min-height: 190px;
height:expression(this.height < 190? "190px": "auto" );
}

.level-up-wrapper
{
text-align: center;
width: 100%;
}

td.account-settings-header
{
font-weight: bold;
text-align: center;
padding: 5px;
background: #242424;
}

td.account-settings-left
{
padding: 5px;
width: 60%;
}

td.account-settings-right
{
padding: 5px;
width: 40%;
}

span.smallfont
{
font-size: 7pt;
}

input, textarea
{
background: #999999;
border: 2px solid #383838;
color: #4F4F4F;
margin: 3px;
}

div.activate-box
{
text-align: center;
}

div.register-messages
{
text-align: center;
padding: 20px;
}

textarea.embed_code
{
width: 500px;
height: 100px;
}

input.adopt-link
{
width: 300px;
}

table.adoptables-list
{
width: 100%;
}

td.adoptables-list-right textarea.embed_code
{
height: 50px;
width: 300px;
}

td.adoptables-list-right
{
padding: 5px;
text-align: right;
}

td.adoptables-list-image
{
padding: 5px;
}

td.adoptables-list-header
{
text-align: center;
background:#2F2F2F;
padding:5px;
font-weight: bold;
}

input.adoptables-list-link
{
width: 200px;
}

td.adoptables-list-spacer
{
height: 30px;
}

td.adoptables-list-options
{
text-align: center;
}
div.featured
{
text-align: center;
}
td.setlist_header
{
background: #242424;
font-weight: bold;
padding: 5px;
text-align: center;
width: 25%;
}
table.setlist_table
{
width: 100%;
}
td.setlist_record_1
{
padding: 3px;
}

td.stagelist_header
{
background: #242424;
font-weight: bold;
padding: 5px;
text-align: center;
width: 35%;
}
table.stagelist_table
{
width: 100%;
}
td.stagelist_record_1
{
padding: 3px;
}

td.adoptables_list_header
{
background: #242424;
font-weight: bold;
padding: 5px;
text-align: center;
}
table.adoptables_list_table
{
width: 100%;
}
td.adoptables_list_record
{
padding: 3px;
}

a.adoptable_image{
    position:relative;
	z-index:24;
    text-decoration:none
}

a.adoptable_image:hover
{
z-index:25;
}

a.adoptable_image span{
display: none
}

a.adoptable_image:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #383838;
	padding: 5px;
    background-color:#0B0B0B;
	color:#000;
	width:expression(this.width > 133? "133px": "auto" );
	height:expression(this.height > 145? "145px": "auto" );
	max-width: 133px;
	max-height: 145px;
    text-align: center
}

img.adoptable_list_image {
	width:expression(this.width > 128? "128px": "auto" );
	height:expression(this.height > 140? "140px": "auto" );
	max-width: 128px;
	max-height: 140px;
}

textarea.template-editor {
	width: 95%;
	height: 500px;
}

td.settings-left {
	width: 50%;
	padding: 5px;
	padding-top: 10px;
}

td.settings-right {
	width: 50%;
	padding: 5px;
	padding-top: 10px;
}

input.settings-input {
	width: 90%;
}

table.tradelist {
	width: 100%;
	margin-top: 10px;
}

td.tradelist_header_span {
	width: 100%;
	background: #242424;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

td.tradelist_header {
	background; #242424;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

td.tradelist {
	text-align: center;
	padding: 5px;
}

a.trade_adoptable_image{
    position:relative;
	z-index:24;
    text-decoration:none
}

a.trade_adoptable_image span{
display: none
}

a.trade_adoptable_image:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #383838;
	padding: 5px;
    background-color:#0B0B0B;
	color:#000;
	height:expression(this.height > 180? "180px": "auto" );
	width:expression(this.width > 128? "128px": "auto" );
	max-width: 128px;
	max-height: 180px;
    text-align: center
}

img.trade_adoptable_image {
	width:expression(this.width > 128? "128px": "auto" );
	height:expression(this.height > 180? "180px": "auto" );
	max-width: 128px;
	max-height: 180px;
}

div.account-settings-header
{
font-weight: bold;
margin-top: 20px;
margin-bottom: 5px;
text-align: center;
padding: 5px;
background: #242424;
}

img#give-adoptable {
	width:expression(this.width > 128? "128px": "auto" );
	height:expression(this.height > 140? "140px": "auto" );
	max-width: 128px;
	max-height: 140px;
}

td.topadoptable {
text-align: center;
padding-bottom: 10px;
}

td.word_header {
text-align: center;
font-weight: bold;
padding: 5px;
background: #242424;
}

div.word_new {
background: #242424;
font-weight: bold;
padding: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 30px;
text-align: center;
width: 100%;
}

td.word_record {
text-align: center;
padding: 5px;
}

div.new_template {
text-align: center;
margin-top: 30px;
margin-bottom: 10px;
font-weight: bold;
padding: 5px;
background: #242424;
}
