@import url("../../Res/stylegen.css");

body {
 background: transparent url("img/hexagons.gif") repeat fixed 0 0;
 margin: 0;
 color: white;
}

.stylebox {
 cursor: pointer;
 width: 75px;
 height: 75px;
 float: right;
 margin: 8px;
}

.styleshadow {
 width: 75px;
 height: 75px;
 background: transparent url("img/shadow.png") no-repeat;
 padding-top: 24px;
 letter-spacing: -0.25ex;
 text-align: center
}

#stylehex {
 display: none;
}

#styleleaves {
 background: transparent url("img/leaves.gif") repeat;
 color: white;
}

#stylebelieve {
 background: transparent url("img/believe.gif") repeat;
 font-family: sans-serif;
 color: white;
}

#stylebelieve span {
 background: transparent url("img/noise.png") repeat fixed 0 0;
 padding: 0 4px 0 4px;
}

#styleplain {
 background-color: white;
 font-family: serif;
 color: black;
}

h1 {
 text-align: center;
}

a {
 font-weight: bold;
 color: white;
 background: transparent url("img/noise.png") repeat fixed 0 0;
}

a:visited {
 color: yellow;
}

.dd {
 font-size: smaller;
 margin-left: 4ex;
}

span.aspan {
 padding: 4px;
}

span.aspan:hover {
 background: transparent url("img/hexagons-red.gif") repeat fixed 0 0;
}

.h3 {
 cursor: pointer;
 font-weight: bold;
 color: white;
 border-bottom: dashed #a00000 2px;
 background: transparent url("img/noise.png") repeat fixed 0 0;
}

span.h3:hover {
 border-bottom: solid #ff0000 2px;
}

.lastm {
 font-style: oblique;
 font-size: small;
 float: right;
 color: #a0a0a0;
}

[class^="dt"] {
 margin: 0.5ex;
}

[class^="dt"]:hover {
}

.dl0 {
 margin-left: 0ex;
 width: 50ex;
 display: block;
}

.dl1 {
 margin-left: 2ex;
 width: 48ex;
 display: none;
}

.dl2 {
 margin-left: 2ex;
 width: 46ex;
 display: none;
}

.dl3 {
 margin-left: 2ex;
 width: 44ex;
 display: none;
}

.dl4 {
 margin-left: 2ex;
 width: 42ex;
 display: none;
}

.dl5 {
 margin-left: 2ex;
 width: 40ex;
 display: none;
}