html, body, #bg, #bg table, #bg td { height:100%; width:100%; margin: 0px; font: 14px verdana,arial,sans-serif; color: white; }
body { background: black; }
#noscriptMsg { position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -28px; font: 20px verdana; text-align: center; }
.noscriptMsg { position: relative; color: white; text-indent: 0px; }
div#preload { position: fixed; z-index: -100; height: 0px; width: 0px; display: none; }
div#preload img { height: 1px; width: 1px; }
#content-safe { width: 100%; height: 100%; position: absolute; min-height: 550px; min-width: 960px;}
#loadingDiv { position: fixed; background: black; width: 100%; height: 100%; text-align: center; color: #fff; margin: 0; padding: 0; z-index: 13001 }
#loadPic { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -110px; }
#loadMsg { width: 200px; height: 14px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: 50px; font-size: 10px; font-weight: bold; }
#bg { position: fixed; z-index: -2; }
#bg table { padding: 0px; border-spacing: 0px; }
#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#bg td { text-align:center; vertical-align:middle; }
#bg img { margin:0 auto; min-height:50%; min-width:50%; }
#vs { height: 100%; width: 100%; min-width: 960px; position: absolute; text-align: center; z-index: -1; }
#vs img{ width: 100%; }
#vs table { width: 100%; height: 100%; border: 0px; }
.logo { width: 354px; }
.marg { min-width: 365px; }
a, a:visited { color: rgb(255, 255, 255); text-decoration: none; font-weight: bold; outline: medium none; }
a:hover, a:active { color: rgb(60, 175, 253); }
img { border:medium none; margin: 0; padding: 2px; }
#nav { position: absolute; width: 100%; min-width: 960px; height: 180px; top: 100%; margin-top: -200px; font: bold 12px verdana; }
#left {  margin-left: 32px; display: inline; float: left; }
#right {  margin-top: 94px; margin-right: 32px; display: inline; float: right; text-align: right; }
#csBttn a { background: url('../gfx/cs/0.png') no-repeat 0px -32px; width: 208px; height: 32px; margin: 15px 0px; display: block; }
#csBttn a:hover { background-position: 0px 0px; }
a.csBtnOn { color: black; }
a.csBtnOn:hover, a.csBtnOn:active { color: rgb(60, 175, 253); }
#scoreboard { position: absolute; width: 670px; left: 50%; margin-left: -335px; top: 60px; bottom: 80px; overflow: hidden; font: bold 11px verdana; color: white; display: none; }
#scoreboard table { width: 100%; margin: 0px; border: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0px; }
.rbrdr { width: 100%; height: 100%; }
.tp { position: absolute; left: 10px; right: 10px; top: 0px; bottom: 0px; background: url(../gfx/sb/t.png) repeat-x left top; }
.btm { background: url(../gfx/sb/b.png) repeat-x left bottom; }
.lside { position: absolute; left: 0px; right: 0px; top: 10px; bottom: 10px; background: url(../gfx/sb/l.png) repeat-y left top; }
.rside { background: url(../gfx/sb/r.png) repeat-y right top; }
.tl { background: url(../gfx/sb/tl.png) no-repeat left top; }
.tr { background: url(../gfx/sb/tr.png) no-repeat right top; }
.bl { background: url(../gfx/sb/bl.png) no-repeat left bottom; }
.br { background: url(../gfx/sb/br.png) no-repeat right bottom; }
.sbContent { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background: url(../gfx/sb/40b.png) repeat; }
.tprow { border-bottom: 1px solid black; color: #585858; }
.titles { border-bottom: 1px solid white; }
.titles td { padding-top: 10px; }
.scoreData td { padding: 15px 0px; }
.win { color: #69c1ff; }
.lose { color: #ff4040; }
.closeOpenMsg { position: absolute; bottom: 0px; right: 0px; }
.closeOpenMsg span { color: red; margin: 0px 4px;}
.closeOpenMsg a { color: rgb(60, 175, 253); }
.closeOpenMsg a:hover { color: white }
#showNG3 { width: 70px; height: 15px; position: absolute; top: 100%; left: 50%; margin-top: -30px; margin-left: -35px; font-size: 10px; font-weight: bold; text-align: center; display: none; }
#netGraph3 { width: 124px; height: 52px; position: absolute; top: 100%; left: 50%; margin-top: -55px; margin-left: -62px; font-size: 11px; font-weight: bold; display: none; }
#ieSFXdiv { display: none; }

#right a span { display: none; }
#right a:focus { color: rgb(60, 175, 253); }
#right a:active span, #right a:focus span { display: block; position: absolute; z-index: 90; }
#item1 { left: 70px; top: -300px; }
#item2 { left: 100%; top: -300px; margin-left: -400px; }
#item3 { left: 40px; top: 100%; margin-top: -293px; }
#item4 { left: 100%; top: 100%; margin-top: -175px; margin-left: -275px; }
#item5 { left: 50%; top: 100%; margin-top: -80px; margin-left: 25px; }

#stmBtn a { background: url('../gfx/cs/stmwhite.png') no-repeat 0px -32px; width: 122px; height: 32px; margin: 15px 0px; display: block; }
#stmBtn a:hover { background-position: 0px 0px; }
/*#stmfrnds { position: absolute; top: 25px; bottom: 25px; right: 45px; width: 250px; min-height: 255px; min-width: 250px; max-width: 250px; border: 1px solid black; background: #383635 url('../gfx/stmfrnds/bg.gif') repeat-x 0px 0px; display: none; }*/
/*Let Javascript control min max*/
#stmfrnds { position: absolute; top: 25px; bottom: 25px; right: 45px; width: 250px; min-width: 250px; max-width: 250px; border: 1px solid black; background: #383635 url('../gfx/stmfrnds/bg.gif') repeat-x 0px 0px; display: none; }
.stmtp { width: 200px; font: 10px verdana; color: #a6a6a6; margin: 9px 14px; }
.stminnertp { position: absolute; width: 232px; left: 9px; top: 35px; bottom: 35px; background: url('../gfx/stmfrnds/innerbgtp.png') no-repeat 0px 0px; }
.stminnermid { position: absolute; width: 100%; top: 146px; bottom: 4px; background: url('../gfx/stmfrnds/innerbgmid.png') repeat-y 0px 0px; }
.stminnerbtm { position: absolute; width: 100%; height: 4px; bottom: 0px; background: url('../gfx/stmfrnds/innerbgbtm.png') no-repeat 0px 0px; }
.uparw { width: 13px; position: absolute; right: 12px; top: 38px; bottom: 38px; background: url('../gfx/stmfrnds/up.png') no-repeat 0px 0px; }
.dnarw { width: 100%; height: 100%;  background: url('../gfx/stmfrnds/dn.png') no-repeat left bottom; }
.stmblicon { height: 20px; width: 120px; position: absolute; bottom: 7px; left: 10px; font: 11px arial; color: #a9a7a7; }
.stmblicon span { font: bold 14px arial; margin: 0px 7px; }
.enableFxBox { height: 20px; position: absolute; bottom: 10px; right: 20px; font: 11px arial; color: #a9a7a7; text-align: right; }
.enableFxBox span { margin: 0px; padding: 0px; }
.stmbricon { height: 10px; width: 10px; position: absolute; bottom: 3px; right: 3px; background: url('../gfx/stmfrnds/bricon.gif') no-repeat 0px 0px; }
#xstm a { width: 10px; height: 9px; position: absolute; right: 5px; top: 7px; background: url('../gfx/stmfrnds/x.gif') no-repeat 0px 0px; display: block;}
#xstm a:hover { background-position: 0px -9px;  }
#members { position: absolute; width: 230px; left: 10px; top: 36px; bottom: 36px; overflow: auto; font: 11px verdana; color: #86b5d9; }
#members img { margin: 1px 4px 0px 1px; }
.memname { position: absolute; margin-left: 2px; margin-top: 6px; }
.vsprofile { color: #86b5d9; margin-left: 12px; margin-top: 10px;  }
.vsprofile a { font: 11px verdana; color: #86b5d9; }
.vsprofile span img { border: none; display: block; float: right; }
.vsprofile a:hover span { color: white; text-decoration: underline; }
.root { color: white; margin-top: 10px; margin-bottom: 5px; }
.dash { font: bold 14px arial; margin-right: 3px; color: #a6a4a1 }
.numofmem { color: #a6a4a1; margin-left: 10px; }
.member a { width: 182px; height: 46px; margin-left: 20px; margin-top: 4px; font: 11px verdana; color: #86b5d9; background: url('../gfx/stmfrnds/hilite.png') no-repeat 0px 50px; display: block; }
.member a:hover { background-position: 0px 0px; }
.member span { position: absolute; margin-left: 2px; margin-top: 6px; }

/*Let Javascript control min max*/
/*#stmcom { position: absolute; top: 45px; bottom: 30px; left: 0px; right: 210px; min-height: 400px; min-width: 600px; margin: 0px 12% 0px 8%; border: 1px solid black; background: #383635 url('../gfx/stmcom/bg.gif') repeat-x 0px 0px; display: none; }*/
#stmcom { position: absolute; top: 45px; bottom: 30px; left: 0px; right: 210px; margin: 0px 12% 0px 8%; border: 1px solid black; background: #383635 url('../gfx/stmcom/bg.gif') repeat-x 0px 0px; display: none; }
.stmInnerBG { position: absolute; width: 320px; height: 120px; right: 0px; background: url('../gfx/stmcom/logobg.png') no-repeat left bottom; display: block; }
.maximizeWin { position: absolute; right: 24px; top: 7px; cursor: pointer !important; }
.maximizeWin a { width: 10px; height: 9px; background: url('../gfx/stmcom/max.png') no-repeat; display: block; }
.maximizeWin a:hover { background-position: 0px -9px; }
#xstmcom a { width: 10px; height: 9px; position: absolute; right: 6px; top: 7px; background: url('../gfx/stmcom/x.gif') no-repeat 0px 0px; display: block;}
#xstmcom a:hover { background-position: 0px -9px;  }
.stmcombrdrlr { position: absolute; top: 112px; bottom: 62px; left: 9px; right: 9px; border-left: 1px solid #4d4b48; border-right: 1px solid #4d4b48; background: #171614; }
.stmcombrdrtb { position: absolute; top: 110px; bottom: 60px; left: 12px; right: 12px; border-top: 1px solid #4d4b48; border-bottom: 1px solid #4d4b48; background: #171614; }
.stmcombg { position: absolute; top: 110px; bottom: 60px; left: 9px; right: 9px;}
.stmcomtl { width: 100%; height: 100%; background: url('../gfx/stmcom/tl.gif') no-repeat left top; }
.stmcomtl div { width: 100%; height: 100%; }
.stmcomtr { background: url('../gfx/stmcom/tr.gif') no-repeat right top; }
.stmcombl { background: url('../gfx/stmcom/bl.gif') no-repeat left bottom; }
.stmcombr { background: url('../gfx/stmcom/br.gif') no-repeat right bottom; }
.scruparw { width: 13px; height: 19px; position: absolute; right: 13px; top: 114px; background: url('../gfx/stmfrnds/up.png') no-repeat 0px 0px; }
.scrv { width: 13px; height: 177px; position: absolute; right: 13px; top: 135px; background: url('../gfx/stmcom/scrollbarv.png') no-repeat 0px 0px; }
.scrdnarw { width: 13px; height: 19px; position: absolute; right: 13px; bottom: 86px; background: url('../gfx/stmfrnds/dn.png') no-repeat 0px 0px; }
.scrleftarw { width: 19px; height: 13px; position: absolute; left: 12px; bottom: 64px; background: url('../gfx/stmcom/left.png') no-repeat 0px 0px; }
.scrh { width: 177px; height: 13px; position: absolute; left: 33px; bottom: 64px; background: url('../gfx/stmcom/scrollbarh.png') no-repeat 0px 0px; }
.scrrightarw { width: 19px; height: 13px; position: absolute; right: 35px; bottom: 64px; background: url('../gfx/stmcom/right.png') no-repeat 0px 0px; }
.stmcombricon { height: 10px; width: 10px; position: absolute; bottom: 3px; right: 3px; background: url('../gfx/stmfrnds/bricon.gif') no-repeat 0px 0px; }

#stmcombtns { position: absolute; height: 76px; top: 34px; left: 20px; right: 20px; }
#stmcombtns div { float: left; margin: 0px 5px; }
.smcombtn { margin-bottom: 6px; }
/*onclick prev/next target the browser the same way browser fix does*/
.prevnext { height: 100%; }
.prevnext a { margin-top: 5px; }
#prevbtn a { background: url('../gfx/stmcom/prev.png') no-repeat 0px 0px; width: 28px; height: 26px; display: block; }
#nextbtn a { background: url('../gfx/stmcom/next.png') no-repeat 0px 0px; width: 28px; height: 26px; display: block; }
#prevbtn a:hover, #nextbtn a:hover  { background-position: 0px -26px; }
#r1btn a { background: url('../gfx/stmcom/btns/r1.png') no-repeat 0px 0px; width: 49px; height: 38px; margin-left: 5px; display: block; }
#enemybtn a { background: url('../gfx/stmcom/btns/enemy.png') no-repeat 0px 0px; width: 86px; height: 38px; display: block; }
#gizmobtn a { background: url('../gfx/stmcom/btns/gizmo.png') no-repeat 0px 0px; width: 84px; height: 38px; display: block; }
#pcebtn a { background: url('../gfx/stmcom/btns/pce.png') no-repeat 0px 0px; width: 52px; height: 38px; display: block; }
#trickbtn a { background: url('../gfx/stmcom/btns/trick.png') no-repeat 0px 0px; width: 58px; height: 38px; display: block; }
#keiobtn a { background: url('../gfx/stmcom/btns/keio.png') no-repeat 0px 0px; width: 58px; height: 38px; display: block; }
#hollowbtn a { background: url('../gfx/stmcom/btns/hollow.png') no-repeat 0px 0px; width: 95px; height: 38px; display: block; }
#binbtn a { background: url('../gfx/stmcom/btns/bin.png') no-repeat 0px 0px; width: 48px; height: 38px; display: block; }
#fatalbtn a { background: url('../gfx/stmcom/btns/fatal.png') no-repeat 0px 0px; width: 66px; height: 38px; display: block; }
#r1btn a:hover, #enemybtn a:hover, #gizmobtn a:hover, #pcebtn a:hover,
#trickbtn a:hover, #keiobtn a:hover, #hollowbtn a:hover, #binbtn a:hover,
#fatalbtn a:hover { background-position: 0px -38px; }

/*#vsgrp { position: absolute; width: 100%; height: 100%; display: none; }*/
.vsgrp { position: absolute; width: 100%; height: 100%; }

.stmcomcntnt { position: absolute; top: 112px; bottom: 63px; left: 12px; right: 12px; overflow: hidden; }
.stmcomcntnt div { height: 100%; padding-right: 17px; overflow: auto; }
.stmcomcntnt h1, h2, span, p { margin-left: 10px; }
.stmcomcntnt h1 { color: #898989; font: 20px arial; margin: 5px; padding: 0px; }
.stmcomcntnt h2 { font: bold 18px arial; margin: 5px 10px; padding: 0px; }
.stmcomcntnt p { font: 13px arial; padding-bottom: 20px; }
.stmcomcntnt b { margin-right: 10px; font: bold 11px arial; color: #898989}
.lnbrk { height: 1px; background: #898989; display: block; }
.vsLogo3 { width: 200px; height: 180px; float: left; }

.stmcomfooter { position: absolute; height: 45px; left: 10px; right: 7px; bottom: 7px; font: 11px arial; color: #a9a7a7; }
.stmcomfooter a { font: 11px arial; color: #a9a7a7; }
.stmcomfooter a:hover { font: 11px arial; color: white; }
.stmcomfooter span { font: bold 14px arial; }
.stmcomfooter div { float: right; }
.stmcomfooter img  { float: right; margin-left: 4px; }
.stmcomfooter div div { text-align: right; margin-top: 2px;}
.stmcomfooter div span { font: 11px arial; color: #736f6c; }
/*#stmcom div { filter: null; } this will fix ie fade, see if you need it*/


#console { position: absolute; width: 40%; height: 60%; top: 15px; left: 0px; margin-left: 4%; background: white; display: none; }
#outputpos { position: absolute; top: 35px; bottom: 39px; left: 7px; right: 7px; background: #0a0a0a; border: 1px solid #181818; }
#output { position: absolute; width: 100%; height: 100%; font: 12px verdana; color: #7d7d7d; overflow: auto; }
#inputpos { position: absolute; height: 22px; bottom: 9px; left: 7px; right: 85px; }
#inputpos input { height: 100%; width: 100%; margin: 0px; padding: 0px 2px; background: #0a0a0a; border: 1px solid #181818; color: #7d7d7d;  }
#inputpos input:focus { outline: 0px; }
input#pwd { position: relative; left: 65px; height: 22px; border: none; padding: 0px; }
#inputpwd { position: absolute; bottom: -2px; height: 100%; width: 100%; margin: 0px; padding: 0px 2px; border: 1px solid #181818; font: 12px verdana; color: #7d7d7d; overflow: hidden; display: none; }

.scrlbr { position: absolute; width: 17px; top: 0px; right: 1px; bottom: 1px; background: #252525 url('../gfx/main/up.gif') no-repeat }
.scrlbr2 { height: 100%; width: 100%; background: url('../gfx/main/dn.gif') no-repeat right bottom; }
#contitle { position: absolute; top: 10px; left: 10px; width: 50px; height: 14px; font: 11px verdana; color: black; text-align: left; }
#consubmit { width: 64px; height: 24px; background: white; font: 9px verdana; color: black; text-align: left; }
/*#consubmit { position: absolute; width: 60px; height: 20px; bottom: 8px; right: 8px; background: white; font: 9px verdana;color: black; }
#consubmit:focus { border: 1px solid black; }
#consubmit:hover { border: 1px solid black; }*/
.btnoutln { position: absolute; width: 64px; height: 24px; bottom: 7px; right: 7px; background: white; font: 9px verdana; color: black; }
.btnoutln:focus { border: 1px solid black; }
.btnoutln:hover { border: 1px solid black; }

.brdr { border: 1px solid #696969; }
/*Let Javascript control min max*/
/*#main { position: absolute; top: 80px; bottom: 80px; left: 50%; margin-left: -35%; width: 70%; min-height: 400px; min-width: 640px; background: white url('../gfx/main/stmlogo.gif') no-repeat 6px 8px; display: none; }*/
#main { position: absolute; top: 80px; bottom: 80px; left: 50%; margin-left: -35%; width: 70%; background: white url('../gfx/main/stmlogo.gif') no-repeat 6px 8px; display: none; }
.exitDialogue { width: 16px; height: 16px; position: absolute; top: 7px; left: 100%; margin-left: -24px; }
.exitDialogue a { width: 15px; height: 15px; background: url('../gfx/main/x.gif') no-repeat 3px 3px; display: block; }
.exitDialogue a:hover { background-position: 4px 4px; }
.maxWinDialogue { position: absolute; right: 30px; width: 16px; height: 16px; display: block; background: #a9a9a9; }
.maxWinDialogue a { margin: 3px 0px 0px 3px; }
#mrgn { height: 100%; position: absolute; left: 9px; right: 9px; }
#wrap { width: 100%; position: absolute; top: 71px; bottom: 33px; overflow: hidden; background: #0a0a0a; }
#scrlbr { width: 17px; position: absolute; top: 8px; right: 0px; bottom: 44px; background: #252525 url('../gfx/main/up.gif') no-repeat }
#scrlbr2 { height: 100%; width: 100%; background: url('../gfx/main/dn.gif') no-repeat right bottom; }
#topblock { height: 7px; width: 100%; border-bottom: 1px solid #181818; background: white; }
#topblock2 { height: 16px; position: absolute; left: 0px; right: 0px; background: white url('../gfx/main/icons.gif') no-repeat }
#content { position: absolute; top: 26px; bottom: 44px; left: 0px; right: 0px; overflow: hidden; }
.cntnt { height: 100%; text-align: justify; text-indent: 50px; overflow: auto; }
.cntnt div { padding: 40px; }
#vsLogo2 { width: 150px; height: 136px; float: left; }
#history, #info { line-height: 30px; }
#history span { color: red; margin: 0px; padding: 0px; }
#lastseason { position: relative; font: bold 11px verdana; color: white; padding: 0px; margin: 0px; text-indent: 0px; }
#lastseason div { padding: 0px; margin: 0px; }
#lastseason table { width: 100%; margin: 0px; border: 0px; padding: 0px; border-spacing: 5px; text-align: left; }
.rndcntnt { padding: 10px !important; }
.rndcntnt div { position: relative; background: url(../gfx/sb/40b.png) repeat; }
.gallery { margin: -30px auto 0px auto; padding: 0px; text-align: center; text-indent: 0px; vertical-align: middle; }
.gallery img { margin: 15px; text-align: center; vertical-align: middle; }
#downloads { color: #696969; }
#downloads h3 { margin-left: -10px; text-align: center; color: white; }
#downloads a { margin-left: 100px; text-decoration: underline; }
#contact h3 { text-align: center; text-indent: 0px; }
#msg { position: relative; left: 50%; width: 564px; margin: 0px 0px 0px -287px; padding: 0px; color: white; text-indent: 0px;  font: 12px verdana; }
#msg p { font: 12px verdana; }
#msg div { margin: 0px; padding: 0px; }
#msg input, #msg textarea { width: 480px; background: black url('../gfx/stmfrnds/bg.gif') !important; border: 2px solid #000; padding: 5px; margin: 5px; font: 14px verdana; color: #888 }
#msg input:focus, #msg textarea:focus { color: white; }
#msg input#captcha { width: auto; }
#msg input#send { cursor: pointer; width: auto; color: white; }
#msg div#errorBox { position: relative; padding: 10px 5px; left: 6px; width: 480px; border: 1px solid black; background: white; font: 13px verdana; color: red; text-align: center; display: none; }
#msg div.center { position: relative; left: 50%; padding: 10px 0px; margin-left: -250px; width: 500px; background: transparent; }
#msg input.radio { width: auto; border: none; background: transparent !important; }
#msg input.countdown { width: auto; border: none; margin: 0px 0px 0px 40px; padding: 0px; font: 11px verdana; background: transparent !important; }
#msgLoad { position: absolute; top: 35%; width: 100%; background: url('../gfx/spinner.gif') no-repeat center center; text-align: center; display: none; }
#msgMain { background: none; }
#messages div { padding: 0px; margin: 0px; text-indent: 0px;}
#messages p { text-indent: 40px; }
.roundmsg { position: relative; margin: 30px auto 30px 13% !important; width: 65%; background: white url('../gfx/main/msg/tl.gif') left top no-repeat; color: black; }
.roundmsg div { padding: 15px !important; background: url('../gfx/main/msg/br.gif') right bottom no-repeat; line-height: 25px; overflow: hidden; }
.roundmsgblk { position: relative; margin: 30px 13% 30px auto !important; width: 65%; background: black url('../gfx/main/msg/tlblk.gif') left top no-repeat; }
.roundmsgblk div { padding: 15px !important; background: url('../gfx/main/msg/brblk.gif') right bottom no-repeat; line-height: 25px; overflow: hidden; }
.roundmsg p, .roundblk p { overflow: auto; }
.loading { position: absolute; left: 50%; width: 20px; height: 20px; background: url('../gfx/spinner.gif') no-repeat center center; }
#btns { height: 27px; position: absolute; top: 45px; left: 9px; right: 7px; }
#btns a:hover { color: #0b9afd; cursor: default; }
.btns { display: block; width: 70px; height: 13px; position: relative; margin-right: 1px; float: left; font: 9px verdana; color: black; padding: 5px; margin-top: 2px; }
a.btns { font: 9px verdana; color: black; }
.btnup {
	display: block;
	width: 70px;
	height: 16px;
	position: relative;
	margin-right: 1px;
	border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #696969;
	float: left;
	font: 9px verdana;
	color: #0b9afd;
	padding: 5px;
	background: white;
}
a.btnup { font: 9px verdana; color: #0b9afd; }
#btm { height: 43px; width: 100%; position: absolute; top: 100%; margin-top: -44px; border-top: 1px solid #696969; background: white; cursor: default; }
#btmbtns { height: 22px; position: absolute; top: 16px; left: 7px; right: 4px; font: 9px verdana; color: #969696; }
#btmbtns span { border: 1px solid #696969; width: 10px; padding: 5px 30px 5px 5px; margin: 0px 2px; }
#btnshdw { height: 22px; position: absolute; top: 18px; left: 8px; right: 3px; font: 9px verdana; color: #c8c8c8; }
#btnshdw span { padding: 5px 30px 5px 5px; margin: 1px 3px; }
.fltrt { float: right; }
/*#bricon { height: 12px; width: 12px; position: absolute; right: 3px; bottom: 3px; background: url('../gfx/main/br.gif') no-repeat; }*/
.briconDialogue { height: 12px; width: 12px; position: absolute; right: 3px; bottom: 3px; background: url('../gfx/main/br.gif') no-repeat; }
#crdts { width: 374px; height: 12px; position: absolute;left: 50%; top: 100%; margin-left: -187px; margin-top: -15px; text-align: center; overflow: hidden; }
#crdts a, #crdts img { margin: 0px; padding: 0px; float: left; }

/*.filterIE div { filter: inherit; }*/
/*Filter: inherit fixes fade issues with IE*/
.handle { position: absolute; left: 0px; right: 50px; top: 0px; height: 20px; cursor: move !important; }
.resize { cursor: nw-resize !important; }

#auth-content { width: 100%; height: 100%; position: absolute; min-height: 550px; min-width: 960px; display: none; }
#menubar { position: absolute; top: 0px; width: 100%; height: 22px; background: #313131; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#date-time { position: absolute; width: 270px; top: 4px; right: 0px; color: #888888; font: bold 12px verdana; }
#date { color: #686868 }
#clock { position: absolute; width: 80px; top: 0px; right: 0px; text-align: center; }
#menu { position: absolute; width: 100px; top: 0px; left: 0px; text-align: center; }
#menu, ul, li { font: bold 12px verdana; color: #989898; list-style-type:none; }
.dropdown { margin: 0px; padding: 0px; }
.heading { position: absolute; width: 100px; line-height: 22px; margin: 0px; padding: 0px; }
.heading li { width: 100px; height: 25px; line-height: 25px; display: block; background: #313131; }
.heading:hover,.heading li:hover { background: grey; color: #313131; cursor: pointer; }
li.separate, li.separate:hover { height: 1px; line-height: 1px; background: #222; }
.heading ul { display: none; }
.submenu ul { margin-top: -25px; padding-left: 101px; }


#auth { position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -28px; font: 20px verdana; text-align: center; display: none; }
.auth { position: relative; color: white; text-indent: 0px; }


/* MILKBOX CSS*/
#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000;
	z-index:100;
	cursor: pointer;
}
#mbCenter {
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;
	background-color: #fff;
	border: 5px solid #fff;
	margin:0; padding:5px;
}
.mbLoading{ background: #fff url(../gfx/milkbox/loading.gif) no-repeat center; }
#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
#mbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}
#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;
}
#mbCount{
	width:55px;
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px;
}
#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}
#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(../gfx/milkbox/prev.gif) no-repeat; }
#mbNextLink{ background: transparent url(../gfx/milkbox/next.gif) no-repeat; }
#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(../gfx/milkbox/play-pause.gif) no-repeat; }
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }
#mbCloseLink {
	width:17px;
	background: transparent url(../gfx/milkbox/close.gif) no-repeat;
}
#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}