body{
    background-color: #111111;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

body, table { font-family: Verdana; font-size: 8.5pt;}

a {color: #FFFFFF; text-decoration: none;}
a:hover {text-decoration: underline;}

a img {border: none;}
#div_logo 
{
	height: 100px;
	text-align:left;
}
#logo 
{
	
	height: 80px;
} 
table.bounce 
{
	width: 100%;
	border: solid 2px #222222;
	border-bottom-style: none;
	border-top-style: none;
	border-collapse: collapse;
}

table.bounce tr td
{
	vertical-align: top;
}

div#body
{
	background: #000000;
	margin:0 auto;
}

div#header
{
	width: 100%;
	background: #006600;
}

div#header table td
{
	padding: 0px 0px;
}

div#header table td h1
{
	font-size: 11pt;
	font-weight: normal;
	margin: 0;
	color: #FFFF66;
}

div#view_option, div#select_abc, div#select_branch
{
	display: none;
	background-color: #004400;
}

div#header table tr td.selected
{
	background-color: #004400;
}

div#market table td
{
	padding: 2px 0px;
}

div#footer
{
	width: 100%;
	background: #006600;
}

div#footer table
{
	width: 100%;
	border: solid 2px #222222;
	border-bottom-style: none;
	border-top-style: none;
	border-collapse: collapse;
}

div#footer table td
{
	padding: 1px 8px;
}

div#footer a:hover
{
	color: #00FF00;
}

div#putad
{
	display: none;
}

div#putad table.putad
{
	margin: 0 auto;
	border-collapse: collapse;
}

div#putad table.putad tr th
{
	border: 1px solid #003300;
	background-color: #666666;
	padding: 0px 8px;
}

div#putad table.putad tr td
{
	text-align: right;
	font-family: Arial;
	font-size: 9pt;
	border: 1px solid #003300;
	background-color: #000000;
	padding: 3px 8px;
}

div#putad table.putad tr td#SYMBOL
{
	text-align: left;
	font-weight: bold;
}

table.market-info
{
	margin: 0 auto;
	height: 85px;
	width: 300px;
	background-color: #001100;
	border: 1px solid #003300;
	margin-bottom: 6px;
}

table.market-session-info tr td
{
	vertical-align: middle;
}

table.market-info th, table.market-session-info th
{
	padding: 3px;
	height: 16px;
	background-color: #003300;
}

div#market table.market-info tr td
{
	padding: 1px 8px;
	vertical-align: middle;
}

div#market table.market-info span#vol,
div#market table.market-info span#val
{
	padding-left: 10px;
	font-size: 9pt;
}

div#market table.market-info td, div#market table.market-session-info td
{
	text-align: center;
}

div#liveStock 
{
	width: 100%;
}

div#fixLiveStock 
{
	width: 100%;
    position: fixed;
    display: none;
    top: 0;
}

table.stockBorder
{
	width: 100%;
	cursor: pointer;
	margin: 0 auto;
	border: solid 2px;
	border-color: #006600 #222222;
	border-bottom-style: none;
	border-collapse: collapse;
}

div#scrollStock
{
	display: none;
}

div#scrollStock table.stockBorder
{
	border-top-style: none;
}
table.stockBorder tr td
{
	padding: 2px;
	text-align: right;
	border: solid 1px #006600;
	font-family: Arial;
	font-size: 9.5pt;
}

.stockBorder .selected tr td, .stockBorder .noselect tr td, #scrollStock tr td
{
	-moz-user-select:none;
}

tr.odd td
{
	background-color: #111111;
}

tr.even td
{
	background-color: #000000;
}

#liveStock .selected tr td
{
}

#liveStock .selected tr td#CEILING, #liveStock .selected tr td#FLOOR, #liveStock .selected tr td#PRIOR, 
#liveStock .selected tr td#PRICE, #liveStock .selected tr td#VOL, #liveStock .selected tr td#CHANGE, #liveStock .selected tr td#OPEN_PRICE,
#liveStock .selected tr td#HIGHEST, #liveStock .selected tr td#LOWEST, #liveStock .selected tr td#AVG_PRICE
{
	background-color: #464646;
}

tr.odd td#CEILING, tr.odd td#FLOOR, tr.odd td#PRIOR,
tr.odd td#PRICE, tr.odd td#VOL, tr.odd td#CHANGE, tr.odd td#OPEN_PRICE,
tr.odd td#HIGHEST, tr.odd td#LOWEST, tr.odd td#AVG_PRICE
{
	background-color: #333333;
}

tr.even td#CEILING, tr.even td#FLOOR, tr.even td#PRIOR,
tr.even td#PRICE, tr.even td#VOL, tr.even td#CHANGE, tr.even td#OPEN_PRICE,
tr.even td#HIGHEST, tr.even td#LOWEST, tr.even td#AVG_PRICE
{
	background-color: #252525;
}

table.stockBorder tr th
{
	padding: 2px;
	background-color: #3E3E3E;
	border: solid 1px #006600;
	font-family: Arial;
	font-size: 9pt;
}

table.stockBorder tr th#SYMBOL
{
	padding: 2px 2px 2px 18px;
	width: 44px;
}
table.stockBorder tr td#SYMBOL
{
	width: 44px;
}

table.stockBorder tr td#SYMBOL
{
	padding-left: 18px;
	text-align: left;
	font-family: Courier New;
	font-weight:bold;
	font-size: 11pt;
}

#liveStock tr td#SYMBOL.u,
#liveStock tr td#SYMBOL.c,
#scrollStock tr td#SYMBOL.u,
#scrollStock tr td#SYMBOL.c
{
	background-image: url('imgs/u.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
}

#liveStock tr td#SYMBOL.d,
#liveStock tr td#SYMBOL.f,
#scrollStock tr td#SYMBOL.d,
#scrollStock tr td#SYMBOL.f
{
	background-image: url('imgs/d.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
}

#liveStock tr td#SYMBOL.p,
#scrollStock tr td#SYMBOL.p
{
	background-image: url('imgs/p.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
}

table.stockBorder tr td#CEILING,
table.stockBorder tr td#FLOOR,
table.stockBorder tr td#PRIOR,
table.stockBorder tr td#BPRICE1,
table.stockBorder tr td#BPRICE2,
table.stockBorder tr td#BPRICE3,
table.stockBorder tr td#SPRICE1,
table.stockBorder tr td#SPRICE2,
table.stockBorder tr td#SPRICE3,
table.stockBorder tr td#OPEN_PRICE,
table.stockBorder tr td#TOTAL_VOL,
table.stockBorder tr td#ROOM,
table.stockBorder tr td#HIGHEST,
table.stockBorder tr td#AVG_PRICE,
table.stockBorder tr td#LOWEST
{
	width: 33px;
}

table.stockBorder tr td#BVOL1,
table.stockBorder tr td#BVOL2,
table.stockBorder tr td#BVOL3,
table.stockBorder tr td#SVOL1,
table.stockBorder tr td#SVOL2,
table.stockBorder tr td#SVOL3,
table.stockBorder tr td#PRICE,
table.stockBorder tr td#VOL,
table.stockBorder tr td#CHANGE,
table.stockBorder tr td#BID_ROOM,
table.stockBorder tr td#OFF_ROOM
{
	width: 45px;
}

table.stockBorder tr td#BPRICE1,
table.stockBorder tr td#SPRICE1,
table.stockBorder tr td#BVOL1,
table.stockBorder tr td#SVOL1,
table.stockBorder tr td#CEILING,
table.stockBorder tr td#FLOOR,
table.stockBorder tr td#PRIOR,
table.stockBorder tr td#PRICE,
table.stockBorder tr td#VOL,
table.stockBorder tr td#CHANGE,
table.stockBorder tr td#AVG_PRICE,
table.stockBorder tr td#HIGHEST,
table.stockBorder tr td#LOWEST
{
	font-weight: bold;
}

#index
{
	font-family: Arial;
	font-size: 16pt;
}

div .advance
{
    background: url(imgs/u.gif) left center no-repeat;
	padding: 0 8px 0 14px;
}

div .nochange
{
    background: url(imgs/p.gif) left center no-repeat;
	padding: 0 8px 0 14px;
}

div .decline
{
    background: url(imgs/d.gif) left center no-repeat;
	padding: 0 8px 0 14px;
}

#ha_advance, #ho_advance, #advance, #advance1, #advance2, #advance3,#v3_advance,#h3_advance
{
	background: url(imgs/u.gif) left center no-repeat;
	padding: 0 8px 0 14px;
}

#ha_nochange, #ho_nochange, #nochange, #nochange1, #nochange2, #nochange3,#v3_nochange,#h3_nochange
{
	background: url(imgs/p.gif) left center no-repeat;
	padding: 0 8px 0 14px;
}

#ha_decline, #ho_decline, #decline, #decline1, #decline2, #decline3,#v3_decline,#h3_decline
{
	background: url(imgs/d.gif) left center no-repeat;
	padding: 0 8px 0 14px;
}

#index.d
{
	background: url(imgs/index-down.png) left bottom no-repeat;
	padding: 6px 0 6px 32px;
	color: #FF0000;
}

#index.p
{
	background: url(imgs/index-nochange.png) left bottom no-repeat;
	padding: 6px 0 6px 32px;
	color: #FFFF00;
}

#index.u
{
	background: url(imgs/index-up.png) left bottom no-repeat;
	padding: 6px 0 6px 32px;
	color: #00FF00;
}
#status
{
	font-weight: bold;
}

#change1.d, #change2.d, #change3.d
{
	background: url(imgs/d.gif) left center no-repeat;
	padding: 0 10px 0 14px;
	text-align: left;
	color: #FF0000;
}

#change1.p, #change2.p, #change3.p
{
	background: url(imgs/p.gif) left center no-repeat;
	padding: 0 10px 0 14px;
	text-align: left;
	color: #FFFF00;
}

#change1.u, #change2.u, #change3.u
{
	background: url(imgs/u.gif) left center no-repeat;
	padding: 0 10px 0 14px;
	text-align: left;
	color: #00FF00;
}

#index1, #index2, #index3
{
	text-align: right;
	padding-right: 5px;
}

ul#abc-filter
{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

ul#abc-filter li
{
	float: left;
}

ul#abc-filter li a
{
	padding: 1px 5px;
}

ul#abc-filter li.selected a
{
	text-decoration: underline;
}

ul#branch-filter
{
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

ul#branch-filter li
{
	display: inline;
}

ul#branch-filter li a
{
	padding: 1px 10px 1px 0px;
	color: #FFFFFF;
}

ul#branch-filter li.selected a
{
	text-decoration: underline;
}

ul.symbols
{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: left;
}

ul.symbols li
{
	width: 80px;
	float: left;
}

ul.symbols li.selected a
{
	font-weight: bold;
	color: #FFAA00;
}

#chart_bounce
{
	height: 275px;
	padding: 5px;
	display: none;
}

#liveStock #chart_bounce td
{
	background: #001100;
	text-align: center;
}

#chart_bounce td #chart_title
{
	padding-left: 40px;
	font-weight: bold;
}

#chart_bounce td div#chart
{
	margin: 4px auto;
	width: 525px;
	height: 250px;
	background: #000000;
}

#view_option a
{
	width: 140px;
	float: left;
}

#view_option a.button
{
	padding: 3px 0px;
	float: none;
}

.desc b
{
	color: #00FFFF;
}

#marketChartBounce
{
	display: none;
}

#marketChartBounce td
{
	background: #010901;
	border-top: 1px solid #003300;
}

#marketChartBounce td div#marketChart
{
	margin: 4px auto;
	width: 525px;
	height: 250px;
	background: #000000;
	border: 2px solid #080808;
}

.u
{
	color: #11FF11;
}

.d
{
	color: #FF1111;
}
.p
{
	color: #FFFF11;
}
.c
{
	color: #FF11FF;
}
.f
{
	color: #11FFFF;
}

.active
{
	background-image: url('imgs/ajax.gif');
	background-position: 4px center;
	background-repeat: no-repeat;
}

.error
{
	background-image: url('imgs/stop.png');
	background-position: 4px center;
	background-repeat: no-repeat;
}