body {
 margin: 0;
 padding: 0;
 width: 321px;
}

#advert {
 position: absolute;
 bottom: 0;
}

.TOS {
 position: absolute;
 padding-left: 20px;
 width: 180px;
}

.lnk {
 position: relative;
 width: 300px;
 height: 100px;
 background: url('../img/m_lnkpanel.png');
 margin: 0 0 10px 10px;
}

.lnk h1 {
 font-family: Arial, Sans-Serif;
 font-weight: bolder;
 font-size: 18px;
 position: absolute;
 top: 14px;
 left: 100px;
 color: #393939;
}

.lnk p {
 position: absolute;
 top: 40px;
 left: 100px;
 font-family: Arial;
}

.lnk a {
 color: #707070;
 text-decoration: none;
}
.lnk a:hover { color: #444; }

.lnkDL, .lnkHD, .lnkTV {
 width: 72px;
 height: 72px;
 position: absolute;
 top: 14px;
 left: 10px;
 background: url('../img/logicons.png') no-repeat;
}
.lnkHD { background: url('../img/logicons.png') 0 -72px no-repeat; }
.lnkTV { background: url('../img/logicons.png') 0 -144px no-repeat; }

#lgmain {
 margin-top: 5px;
 width: 320px;
}

#welcome {
 margin: 0 auto;
 width: 300px;
 text-align: center;
}

#welcome span {
 font-size: 14px;
 font-weight: bold;
}

#sidebar {
 width: 76px;
 float: left;
 text-align: left;
}

#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#sidebar li a {
 display: block;
 font-family: Arial, Sans-Serif;
 font-size: 11px;
 text-decoration: none;
 color: #777;
 text-align: center;
 background: #f5f5f5;
 border-bottom: 1px solid #eee;
 padding: 4px;
}

#sidebar li a:hover { background: #eee; }

#login {
    width: 220px;
    margin: 0px auto;
    border: 1px solid #ccc;
    background: #f2f2f2;
    overflow: hidden;
    padding: 14px 8px 14px 8px;
}

#login p {
 margin: 0 0 9px 0;
 font-size: 14px;
}

.lb1 {
 float: left;
 width: 72px;
 font-size: 12px;
}

.txt1 {
 width: 130px;
 font-size: 12px;
}

#header {
 background: #f2f2f2;
 border-bottom: 1px solid #ccc;
 height: 50px;
 padding: 2px;
}

#acctbar {
 height: 28px;
 background: url('../img/menubar.jpg') repeat-x;
 position: relative;
}

.acct {
 width: 160px !important;
 height: 16px !important;
 cursor: pointer;
 float: left;
 margin: 2px 0 0 0;
 font-size: 14px !important;
 background: url('../img/acct.png') no-repeat;
 position: absolute;
 top: 4px;
 left: 4px;
 overflow: hidden;
 white-space: nowrap;
}

.acct p {
 margin: 0 0 0 22px;
}

#lstAcct { width: 160px; }

#acctstat {
 position: absolute;
 top: 8px;
 left: 166px;
 width: 12px;
 height: 12px;
}

#acctstattxt {
 position: absolute;
 top: 4px;
 left: 180px;
 width: 70px;
 height: 18px;
 overflow: hidden;
}

.greenLED { background: url('../img/green_led.png') no-repeat; }
.orangeLED { background: url('../img/orange_led.png') no-repeat; }
.redLED { background: url('../img/red_led.png') no-repeat; }

#heartBeat {
 width: 16px;
 height: 16px;
 font-size: 1px;
 position: absolute;
 left: 260px;
 top: 6px;
}
#heartBeat.hb9 { background: url('../img/health.png') 0 0 no-repeat; }
#heartBeat.hb8 { background: url('../img/health.png') -17px 0 no-repeat; }
#heartBeat.hb7 { background: url('../img/health.png') -34px 0 no-repeat; }
#heartBeat.hb6 { background: url('../img/health.png') 0 -17px no-repeat; }
#heartBeat.hb5 { background: url('../img/health.png') -17px -17px no-repeat; }
#heartBeat.hb4 { background: url('../img/health.png') -34px -17px no-repeat; }
#heartBeat.hb3 { background: url('../img/health.png') 0 -34px no-repeat; }
#heartBeat.hb2 { background: url('../img/health.png') -17px -34px no-repeat; }
#heartBeat.hb1 { background: url('../img/health.png') -34px -34px no-repeat; }

#logout {
 background: url('../img/icons.png') -68px 0px no-repeat;
 width: 16px;
 height: 16px;
 cursor: pointer;
 position: absolute;
 left: 300px;
 top: 6px;
}

#acctglance {
 background: #c2c1d3;
}

#acctCash, #acctPL {
 width: 160px;
 overflow: hidden;
}

#acctCash { float: left; }

#menubar {
 background: #c2c1d3;
 border-bottom: 1px solid #6f6d9d;
 font-family: helvetica;
}

#cvAI, #cvOB, #cvQB, #cvSW {
 font-size: 13px;
}

#wtm_ac, #wtm_ob, #wtm_qb, #wtm_cw, #wtm_sw, #wtm_obv, #wtm_sw2 {
 width: 320px;
 height: 345px;
}

.liOff, .liOn {
 background: #fff;
 height: 61px;
 width: 320px;
 overflow: hidden;
}
.liOn { background: #e3eaff; }

.lilmb {
 width: 320px;
 height: 40px;
 background: #efefef;
 border-bottom: 1px solid bbb;
 position: relative;
}

.nextarrow, .nextarrow_off {
 width: 16px;
 height: 29px;
 position: absolute;
 top: 3px;
 left: 290px;
}
.prevarrow_off { background: url('../img/arrows.png') 0px 0px no-repeat; }
.prevarrow { background: url('../img/arrows.png') -17px 0px no-repeat;}

.prevarrow, .prevarrow_off {
 width: 16px;
 height: 29px;
 position: absolute;
 top: 3px;
 left: 13px;
}
.nextarrow_off { background: url('../img/arrows.png') -54px 0px no-repeat; }
.nextarrow { background: url('../img/arrows.png') -36px 0px no-repeat;}

.prvscrn {
 background: url('../img/back.png') no-repeat;
 height: 24px;
 width: 62px;
 text-align: center;
 position: absolute;
 top: 7px;
 left: 3px;
 color: #fff;
 padding: 2px 0 0 1px;
}

#wacmb_title, #wacmb_paging, #wobmb_title, #wobmb_paging, #wqbmb_title, #wqbmb_paging { text-align: center; }

#wcwmb { height: 75px; }
#wcwmb_title, #wcwmb_ctrls { height: 18px; }

.div70, .div90, .div110, .div160, .div106, .div140, .div210, .div180, .div310, .oinfo {
 float: left;
 overflow: hidden;
 whitespace: no-wrap;
 max-height: 20px;
}
.div70 { width: 70px; }
.div90 { width: 90px; }
.div106 { width: 106px; }
.div110 { width: 110px; }
.div140 { width: 140px; }
.div160 { width: 160px; }
.div180 { width: 180px; }
.div210 { width: 210px; }
.div310 {
 width: 310px;
 max-height: 18px;
}

.qBid, .qTrade, .qOffer {
 float: left;
 width: 106px;
 text-align: right;
 height: 24px;
}
.qBid, .qTrade { margin-right: 1px; }

#wtm_dlg {
 width: 320px;
 height: 420px;
 position: absolute;
 top: 0;
 left: 0;
 background: url('../img/win/blackout.gif');
 z-index: 5;
}

#wtm_csw, #wtm_mmw, #wtm_as {
 width: 300px;
 border: 1px solid #444;
 background: #f2f2f2;
 position: absolute;
 left: 8px;
 top: 140px;
 padding: 2px;
 z-index: 10;
}

.wtm_title {
 background: #f1ede0;
 border-bottom: 1px solid #a09d94;
 margin: 0 0 10px 0;
 text-align: center;
}

#wtm_notice {
 width: 300px;
 border: 1px solid #444;
 background: #f6fba7;
 position: absolute;
 left: 8px;
 padding: 2px;
 z-index: 10;
}

#wtm_csw select, #wtm_mmw select { width: 190px; }

#wcwmb_bid, #wcwmb_offer, #wcwmb_net, #wcwmb_high, #wcwmb_vol, #wcwmb_low, #oswmb { text-align: center; }

#wtm_otw {
 width: 300px;
 border: 1px solid #444;
 background: #f2f2f2;
 position: absolute;
 left: 8px;
 top: 90px;
 padding: 2px;
 z-index: 10;
}

.div106a {
 float: left;
 width: 106px;
 margin: 2px 1px 0 0;
}

.div106b, .div106c, .div106d, .div106e, .cOffer, .cBid {
 float: left;
 width: 106px;
 height: 22px;
 padding: 8px 0;
 text-align: center;
 vertical-align: middle;
}

.div106b, .div106c {
 border-right: 1px solid #f2f2f2;
 border-bottom: 1px solid #f2f2f2;
}

.div106d, .div106e {
 border-right: 1px solid #f2f2f2;
 border-top: 1px solid #f2f2f2;
}

.div106c, .div106d { background: #f2f2f2; }

.cTrade {
 clear: left;
 width: 320px;
 height: 21px;
 padding: 8px 0;
 text-align: center;
}

.cb1, .cb2, .cb3, .cb4, .cb5, .cb6, .cb7 {
 width: 60px;
 height: 20px;
 float: left;
 background-image: url('../img/color.gif');
 margin: 0 2px;
}

.cb2 { background-position: -60px 0; }
.cb3 { background-position: 0 -20px; }
.cb4 { background-position: -60px -20px; }

.cb5 { background-position: 0 -40px; }
.cb7 { background-position: -60px -40px; }
.cb6 { background-position: 0 -60px; }