body { width: 100%; height: 100%; margin: 0; FONT-FAMILY: arial, helvetica, san-serif; FONT-SIZE: 12px; background: #000; color: #3a3a3a; }
a { color: #aaa; }
img { border: 0; }

/* TOP */

#top { MARGIN: 0 0 0 0; WIDTH: 100%; -moz-user-select: none; -khtml-user-select: none; user-select: none; z-index: 1; position: absolute; background: #323232 url("media/topbar.png") 0 95px; height: 40px; border-bottom: 1px solid #171717; }
#top .size { WIDTH: 770px; TEXT-ALIGN: left; }
#top .logo { FLOAT: left; PADDING: 0; }
#top .logo img { WIDTH: 86px; HEIGHT: 42px; padding: 1px 12px 0 12px; }
#top .east { FLOAT: right; PADDING: 9px 29px 0 0; FONT-SIZE: 12px; }

/* BODY */

#hex { position: absolute; top: 103px; left: 550px; z-index: 26; }
#hex div { margin: 0 7px 7px 0; width: 200px; height: 40px; font-family: arial; font-size: 12px; }
#hex img { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/transBlack.png', sizingMethod='scale'); margin-bottom: 11px; width: 135px; height: 6px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#hex br { clear: both; }
#hex span { padding: 0 0 0 10px; position: absolute; }
#hex div div { left: 160px; width: 50px; position: absolute; font-size: 11px; -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: default; clear: both; }

#curr { position: absolute; height: 400px; width: 400px; cursor: crosshair; top: 58px; left: 13px }
#curr div { background: url('media/miniCurr.gif') no-repeat; font-size: 12px; width: 9px; height: 9px; z-index: 28; position: absolute; display: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

#kontrol { LEFT: 400px; TOP: 102px; WIDTH: 350px; height: 267px; z-index: 26; color: #888; CURSOR: move; FONT-FAMILY: arial; FONT-SIZE: 11px; POSITION: absolute; padding: 10px 0 0 14px; CURSOR: crosshair; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#kontrol div { height: 44px; }
#kontrol div div { background: url(media/miniCurr.gif) no-repeat; position: relative; top: 6px; _top: 4px; height: 9px; width: 9px; cursor: crosshair; }
#kontrol span.west { float: left; letter-spacing: 0.035em; }
#kontrol span.east { float: right; position: relative; left: -234px; color: #555 }

#background { position: absolute; top: 360px; left: 10px; }
#background div { border-top: 1px solid #222; margin: 6px 0 5px; }
#background a { cursor: pointer; padding: 0 5px; line-height: 1.4em; display: block; }
#background a:hover { color: #e04f92 }
#background a.this { color: #e04f92 }

#slide { margin: 10px 0 5px 15px; color: #ccc; font-size: 12px; }

#social { top: 65px; left: 401px; z-index: 26; position: absolute; font-size: 13px; letter-spacing: .035em; }
#social a { cursor: pointer; padding: 0 2px; }
#social a:hover { color: #e04f92 }

#download { position: absolute; top: 393px; left: 400px; line-height: 1.7em; z-index: 26; }
#download b { padding-right: 5px; }
#download a { letter-spacing: 0.035em; font-size: 13px; }
#download a:hover { color: #e04f92 }

#sphere { position: absolute; top: 0; }

optgroup { padding-left: 5px; font-style: normal }
optgroup option { padding-left: 0; }

#kontrol br { clear: both; }

/* WINDOWS */

.table { BACKGROUND: #333; BORDER: 1px solid #111; BORDER-COLLAPSE: collapse; CURSOR: move; display: none; OPACITY: .92; Z-INDEX: 1; PADDING: 0; POSITION: absolute; TEXT-ALIGN: center; -MOZ-USER-SELECT: none; white-space: nowrap; }
.table a { TEXT-DECORATION: none; }
.table thead td { BACKGROUND: #111; BORDER-TOP: 1px solid #111; COLOR: #666; FONT-SIZE: 11px; PADDING: 4px 7px; }
.table thead .west { TEXT-ALIGN: left; }
.table thead .east { TEXT-ALIGN: right; }
.table thead .east div { PADDING: 4px 8px 4px 8px; DISPLAY: block; cursor: pointer; }
.table thead .east div:hover { COLOR: #e04f92; }
.table tbody { CURSOR: default; }
.table tbody .west { COLOR: #DDD; FONT-SIZE: 11px; PADDING: 0 5px 0 8px; TEXT-ALIGN: right; }
.table tbody .east { PADDING: 0 7px 0 4px; WIDTH: 27px; CURSOR: text; }
.table .slide { BACKGROUND: url('media/barBG.gif'); CURSOR: crosshair; HEIGHT: 23px; WIDTH: 106px; margin-left: 10px; }
.table .slide div { BACKGROUND: url('media/barCurr.gif'); HEIGHT: 15px; LEFT: 0; POSITION: relative; float: left; TOP: 5px; WIDTH: 13px; }
.table .slide:active div, .table .slide:hover div { BACKGROUND-POSITION: 0 15px; }
.table .bot td { padding: 5px 0 7px 0; font-size: 12px; border-top: 1px solid #222; cursor: pointer; color: #ccc; }
.table .bot td:hover { color: #e04f92; background: #202020; border-top: 1px solid #111; }

/* FOOT */

#bot { PADDING: 12px 0 0 10px; border-top: 1px solid #333; background: #222; FONT-SIZE: 12px; MARGIN: 0 0 0 0; position: absolute; display: none;COLOR: #444; WIDTH: 100%; -moz-user-select: none; -khtml-user-select: none; user-select: none; position: fixed; height: 55px; -display:none; }
#bot a { TEXT-DECORATION: none; PADDING: 6px 10px; COLOR: #E8D4C1; DISPLAY: inline; CURSOR: pointer; }
#bot a:hover,#top .east a#tThis { COLOR: #DE83AD; }