html { height: 100% }

body { height: 100%; background-color: #191919; font-family: "Verdana"; text-align: center; margin: 0px; padding: 0px; overflow: auto; border: 0px none; cursor: default; background-image: url('/pics/background.gif'); background-attachment: fixed }
body.one { background-color: transparent; overflow: hidden; background-image: none }

table, tr, td { color: #C8C8C8; font-size: 14px; text-align: center; margin: auto; padding: 0px; border: 0px none; border-collapse: collapse; border-spacing: 0px }

td.c { background-image: url('/pics/corner.png') }
td.c1{ background-image: url('/pics/corner1.png') }
td.c2 { background-image: url('/pics/corner2.png') }
td.c3 { background-image: url('/pics/corner3.png') }

td.l { background-image: url('/pics/panel.png') }
td.l1{ background-image: url('/pics/panel.png') }
td.l2 { background-image: url('/pics/panel.png') }
td.l3 { background-image: url('/pics/panel.png') }

td.f { background-image: url('/pics/field.png') }
td.f1 { background-image: url('/pics/field1.png') }
td.f2 { background-image: url('/pics/field2.png') }
td.f3 { background-image: url('/pics/field3.png') }

td.i { background-image: url('/pics/panel1.png') }
td.i1 { background-image: url('/pics/panel1.png') }
td.i2 { background-image: url('/pics/panel1.png') }
td.i3 { background-image: url('/pics/panel1.png') }

td.fc { background-image: url('/pics/cfield.png') }
td.fc1 { background-image: url('/pics/cfield1.png') }
td.fc2 { background-image: url('/pics/cfield2.png') }
td.fc3 { background-image: url('/pics/cfield3.png') }

td.ic { background-image: url('/pics/panel2.png') }
td.ic1 { background-image: url('/pics/panel2.png') }
td.ic2 { background-image: url('/pics/panel2.png') }
td.ic3 { background-image: url('/pics/panel2.png') }

td.p { background-image: url('/pics/panel.png') }
td.p1 { background-image: url('/pics/panel1.png') }
td.p2 { background-image: url('/pics/panel2.png') }
td.p3 { background-image: url('/pics/panel1.png') }

td.cal { border: 1px #191919 solid }
td.cad { border: 1px #191919 solid; background-color: #50415F }
td.cas { border: 1px #191919 solid; background-color: #645573 }

input, textarea { color: #C8C8C8; font-family: Verdana; font-size: 14px; background-color: transparent; margin: auto; padding: 0px; border: 0px none; cursor: pointer; overflow-x: hidden; overflow-y: auto; outline: 0px none; resize: none }
input.one { color: #AFAFAF; font-weight: bold }
input.lin { color: #AF96C8; font-weight: bold }
input.sta { color: #C896AF; font-weight: bold }

img { margin: auto; border: 0px none; outline: 0px none }

form { margin: 0px }

a { color: #AF96C8; font-weight: bold; text-decoration: none; cursor: pointer }
a:focus { outline: none }
a.lin:hover { border-bottom: 2px dotted }
a.lit { font-size: 11px }
a.lit:hover { border-bottom: 2px dotted }
a.big { font-size: 16px }
a.big:hover { border-bottom: 2px dotted }
a.sel { font-size: 16px; border-bottom: 2px dotted }
a.nav { font-size: 16px }
a.hvr:hover  { font-size: 16px }
a.out { font-weight: normal; font-style: italic }
a.out:hover { border-bottom: 2px dotted }
a.ove { width: 42px; height: 42px; display: inline-block; background-image: url('/pics/overave.png'); background-repeat: no-repeat; background-position: top }
a.ove:hover { background-position: bottom }

p { margin: 0px }
p.nor { color: #AFAFAF; font-weight: bold }
p.lin { color: #AF96C8; font-weight: bold }
p.lit { font-size: 11px }
p.fit { color: #AFAFAF; font-weight: bold; font-size: 11px }
p.big { color: #AF96C8; font-size: 16px; font-weight: bold }
p.nav { color: #AFAFAF; font-size: 16px; font-weight: bold }
p.cal { color: #AF96C8; font-weight: bold; line-height: 25px; cursor:pointer }
p.cal:hover { background-color: #645573 }
p.cam { color: #C8AFE1; line-height: 25px; cursor:pointer }
p.cam:hover { background-color: #645573 }
p.cad { color: #AF96C8; font-weight: bold; line-height: 25px; cursor:pointer; background-color: #50415F  }
p.cad:hover { background-color: #645573 }
p.cae { color: #C8AFE1; line-height: 25px; cursor:pointer; background-color: #50415F  }
p.cae:hover { background-color: #645573 }
p.can { color: #AFAFAF; font-weight: bold; line-height: 25px }
p.cao { line-height: 25px }
p.sta { color: #C896AF; font-weight: bold }
p.non { color: #C896AF; font-size: 11px; font-weight: bold }
p.ok { color: #4B7D4B; font-size: 64px }

span { background-color: #5A4B69 }
span.out { color: #C8AFE1; background-color: transparent; font-style: italic; border-bottom: 1px dotted }

div.mor { position: absolute; bottom: 0px; right: 0px; width: 90px; height: 25px; background-image: url('/pics/background.gif'); background-attachment: fixed }

#header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1 }
#headerone { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2 }
#footer { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 1 }
#left { position: fixed; top: 0px; left: 0px; height: 100%; z-index: 1 }
#right { position: fixed; top: 0px; right: 0px; height: 100%; z-index: 1 }
