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

body
{
	background: #BA6747 url('http://www.wanderlustdb.com/bg2.gif');
	color: #A5D663;
	font: 15px verdana, geneva, lucida, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

fieldset {border: 1px solid #A5D663;}

button{
	border: none;
    outline:none;
}

#site{
width:1004px;
margin:auto;
}

#title{
width:1004px;
height: 200px;
background: url('http://www.wanderlustdb.com/images/title2a.png');
background-position: center;
padding:0px;
}
	
#main{
position:relative;
width:809px;
padding:7px;
background: #522008 url('http://www.wanderlustdb.com/bg2.gif');
overflow:auto;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}

#maintitle{
background: url('http://www.wanderlustdb.com/images/header.gif');
width:810px;
height:43px;
color: #000000;
font: 11px verdana, geneva, lucida, arial, helvetica, sans-serif;
overflow:hidden;
}

#maintitle_inner
{
	padding: 9px 355px 0px 20px;
	font-weight:bold;
}

#maincontent{
width:810px;
background: #522008 url('http://www.wanderlustdb.com/bg3.gif');
font: 12px verdana, geneva, lucida, arial, helvetica, sans-serif;
overflow:hidden;
}
	
@media only screen and (min-width:1025px){
    #site{
    width:1260px;
    }
	
	#title{
	width:1260px;
	}
	
	#main{
		width:1065px;
	}
	
	#maintitle{
		width:1066px;
	}
	
	#maintitle_inner{
		padding: 9px 611px 0px 20px;
	}

	#maincontent{
		width:1066px;
	}

}
	
@media only screen and (min-width:1281px){
    #site{
    width:1900px;
    }
	
	#title{
	width:1900px;
	}
	
	#main{
		width:1705px;
	}
	
	#maintitle{
		width:1706px;
	}
	
	#maintitle_inner{
		padding: 9px 1251px 0px 20px;
	}

	#maincontent{
		width:1706px;
	}

}
	
@media only screen and (min-width:1921px){
    #site{
    width:2028px;
    }
	
	#title{
	width:2028px;
	}
	
	#main{
		width:1833px;
	}
	
	#maintitle{
		width:1834px;
	}
	
	#maintitle_inner{
		padding: 9px 1379px 0px 20px;
	}

	#maincontent{
		width:1834px;
	}

}
	
@media only screen and (min-width:2049px){
    #site{
    width:2540px;
    }
	
	#title{
	width:2540px;
	}
	
	#main{
		width:2345px;
	}
	
	#maintitle{
		width:2346px;
	}
		
	#maintitle_inner{
		padding: 9px 1891px 0px 20px;
	}

	#maincontent{
		width:2345px;
	}

}
	
@media only screen and (min-width:2561px){
    #site{
    width:3820px;
    }
	
	#title{
	width:3820px;
	}
	
	#main{
		width:3630px;
	}
	
	#maintitle{
		width:3631px;
	}
	
	#maintitle_inner{
		padding: 9px 3171px 0px 20px;
	}

	#maincontent{
		width:3631px;
	}

}
	
#menu 
{
  position:relative;
  float:left;
  width:161px;
  padding:7px;
  background: #522008 url('http://www.wanderlustdb.com/bg2.gif');
  overflow:auto;
}

#mtitle
{
	width:161px;
	height:31px;
	background: url('http://www.wanderlustdb.com/images/mbg.gif');
	color: #000000;
	font: 11px verdana, geneva, lucida, arial, helvetica, sans-serif;
	overflow:hidden;
}

#mtitle_inner
{
	padding: 9px 0px 0px 0px;
	font-weight:bold;
}

#mcontent
{
	width:161px;
	background: #522008 url('http://www.wanderlustdb.com/bg3.gif');
	font: 15px verdana, geneva, lucida, arial, helvetica, sans-serif;
	overflow:hidden;
}

hl
{
	color: #FFFC13;
	}

att
{
	color: #F6D591;
	}
	
a:link
{
	color: #D1EBA6;
	text-decoration: none;
}

a:visited 
{
	color:#D1EBA6;
}

a:hover, a:active
{
	color: #ECD1A6;
	text-decoration: underline;
}


.tall, .tall td, .tall th {
font-size: 12px;
font-family: verdana;
border: 1px solid #520002;
border-collapse: collapse;
}

.tnone, .tnone td, .tnone th {
font-size: 12px;
font-family: verdana;
border: 0px solid #520002;
border-collapse: collapse;
}


.wrapper {
    width:100%;
    overflow-x:hidden;
    border-bottom:1px solid #520002;
}
.tallthead {
    border-bottom: 1px solid #520002;
}

.tnonethead {
    border-bottom: 0px solid #520002;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #520002;
padding: 2px;
background: #BA6747 url('http://www.wanderlustdb.com/bg3.gif');
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/* Style the tab */
.tab {
}

/* Style the buttons that are used to open the tab content */
.tab button {
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
	
}

/* Create an active/current tablink class */
.tab button.active {
}

/* Style the tab content */
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.Dialogue {
	-webkit-appearance: none;
	background-image:url(images/tabs/btnPassiveDialogue.png);
	height:25px;
	width:110px;
	border:0px;
}

.Dialogue:hover {
	background-image:url(images/tabs/btnActiveDialogue.png);
}

.Summons {
	-webkit-appearance: none;
	background-image:url(images/tabs/btnPassiveSummons.png);
	height:25px;
	width:110px;
	border:0px;
}

.Summons:hover {
	background-image:url(images/tabs/btnActiveSummons.png);
}

.SimilarName {
	-webkit-appearance: none;
	background-image:url(images/tabs/btnPassiveSameName.png);
	height:25px;
	width:110px;
	border:0px;
}

.SimilarName:hover {
	background-image:url(images/tabs/btnActiveSameName.png);
}