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

html {
	background-color:#FEFEFF;
	background-image:url(Favicon/aethergrandient.png);
	background-attachment:scroll;
	background-position:top;
	background-repeat:repeat-x;
}

body {
	color:#000011;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

a{
border:0px;
}

img{
border:0px;
float:right;
margin:2%;
}

h1{
font-size:2em;
font-weight:bold;
}

.dbod{
	position:absolute;
	top:5%;
	left:20%;
	right:20%;
	bottom:5%;
	display:block;
	background-image:url(_images/9999FF.png);
	background-repeat:repeat;
	padding:2%;
	border:1px solid #9999FF;
}

.infobuttons{
float:left;
display:block;
height:100%;
min-height:100%;
border:1px solid #9999FF;
width:30%;
}

.infobutton{
float:left;
display:block;
overflow:visible;
height:3%;
font-size:0.8em;
text-align:left;
background-color:#CCCCFF;
margin:4%;
border:1px solid #EEEEFF;
width:90%;
}

.infobutton:hover{
cursor:pointer;
}

.infocontent{
float:right;
display:block;
border:1px solid #9999FF;
font-size:0.8em;
width:68%;
height:98%;
}
p:first-line{
font-size:1em;
font-weight:bold;
} 
p:first-child{

}

.information{
display:none;
margin:2%;
background-color:#EEEEFF;
overflow-y:scroll;
height:95%;
padding-left:2%;
padding-right:2%;
}