* { -webkit-text-size-adjust:none; }
img { border: none; }
a { cursor: pointer; }

a.mselected, a.mselected:visited { color:#FFFF00; text-decoration:underline; }
a.common, a.common:visited { color:#FFFFFF; text-decoration:none; }
a.common:hover, a.common:visited:hover, a.mselected:hover, a.mselected:visited:hover { color:#FFFF00; text-decoration:none; }

a.morenews {
	color: white;
	text-decoration: underline;
}

a.morenews:hover, a.selected {
	color: yellow;
	text-decoration: none;
}

.cssbutton { padding: 1px 3px 1px 3px; }
.floatRight { float: right; }

.Down {color: #FE0000;}
.Up {color: #00FF00;}
.Still {color: #FFCC00;}
/*table.tblQuoteX tr:hover span {background-color: #fff200; color:#000000;}*/
table.tblQuoteX h1 { width:100%;text-align:center;color:#ff0000;}
.err_msg { color: #ff0000; font-weight: bold; }
.errMsg { margin-bottom: 10px;clear:both; border: 1px solid #ff8282; background: #ffeeee url(../../images/exclamation.png) left center no-repeat; color: red;padding: 5px 20px; text-align:left; }
.regbutton { padding:3px 10px 3px 10px; cursor:pointer; color:#575757; background-color: #eee; border: 1px solid #b4b4b4; }
.regbutton:hover { border: 1px solid #575757; }

.cssNone { background: transparent; border: 0px; padding: 2px; }
.cssYellow { background: #808000; border: 1px solid #b2b200; }
.cssYellow a, .cssYellow span {  }
.cssGreen { border: 1px solid #00ff00; padding: 0px; }
.cssRed { border: 1px solid #ff0000; padding: 0px; }

div.rightMore { color: #787878; font-size: 9px; padding:0px;margin:0px;float:right;}
div.smallMore { color: #787878; font-size: 9px; text-align: right; padding: 2px;}
sup.smallNotice { color: #ffffff; font-size: 11px; }
sub.smallNotice { color: #ffffff; font-size: 12px; }
div.smallNotice span.smallNotice { color: #787878; font-size: 9px; }
span.smallNotice, td.smallNotice { color: #787878; font-size: 9px; }
div.postedon { color: #787878; font-size: 9px; text-align:left; float:left; clear:left;}

table.nicno { width: 100%; font-family: tahoma;}
table.nicno th { padding: 3px; background-color: #4b4b4b; }
table.nicno td { padding: 3px; }

table.listtable { width: 100%; font-family: tahoma;}
table.listtable th { text-align:left; color: #ffffff; padding: 3px; text-decoration: underline; }
table.listtable td { padding: 3px; }

/**************************************************************************************************************/
/** MENU  **/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-family:Arial;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  }

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	background:#d9e1e4; color:#000000;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
  border: solid 1px #7e868b;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
    padding: 5px;
		background:url(../pics/dropDown_bg.gif);
		color:#FFFFFF;
		font: bold 11px arial}

	#sddm div a:hover {background:#d9e1e4; color:#000000;}


/**************************************************************************************************************/
div.notfound { }
div.notfound h1 { text-align: center; }
div.notfound div { text-align: center; color: red; }

div.notfound table { width: 50%; margin: 0 auto; }
div.notfound table tr { }
div.notfound table tr th { padding: 5px; background-color: #212121; color: #f0dbc7; text-align: center; font-weight: bold; }
div.notfound table tr td { padding: 5px; border: 1px solid #212121; }
div.notfound table tr.row td { padding: 5px; background-color: #4b463f; border: 1px solid #4b463f; }
div.notfound table tr:hover td, div.notfound table tr.row:hover td { cursor: pointer; background-color: #6d655a; color: #e5c6ac; border: 1px solid #6d655a; }

div.notfound table tr th.code, div.notfound table tr td.code { width: 10%; }
div.notfound table tr th.name, div.notfound table tr td.name { width: 40%; }
div.notfound table.th { margin-top: 15px; }
div.notfound table.td { margin-bottom: 15px; border: 1px solid #4b463f; }

/**************************************************************************************************************/
/** HEADER  **/

div.header { width:100%; padding:0px 0; color:#fff; background-color: #000000; margin-top: 12px; }

div.headerlogo { width:980px; margin:0px auto; padding:0;border:none; font:bold 8px arial; margin-bottom:-6px; padding-bottom: 0px;}
div.headerlogo .logo { float:left; padding-top:3px; overflow: hidden; margin-right: 15px; }
div.headerlogo .homeadv { float:left; padding-top:3px; margin-right: 5px; width: 728px; height: 90px; }
div.headerlogo .advisor { float:left; padding-top:3px; }

div.header .loginpanel { width:980px; clear:both; margin:0px auto; overflow: hidden; }
div.header .loginpanel .date { position:absolute; margin:0px auto; margin-top: -20px; }
div.header .loginpanel .login { float:right; text-align:right; padding-bottom: 0px; }

div.homepage div.panel { padding: 3px; }
div.homepage div.panel div.listContent { padding: 5px; }

/**************************************************************************************************************/
/** SEARCH  **/

input.searchbox { padding: 1px; }

/**************************************************************************************************************/
/** IMAGE ROTATE (ADV/BANNER)  **/
div.rotator { position:relative; min-height: 60px; }
div.rotator ul, div.rotator ul li { list-style: none; margin: 0; padding: 0; }
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
div.rotator ul li img { }
div.rotator ul li.show { z-index:500 }

/**************************************************************************************************************/

table.commonList { margin-top: 0px; color: #FFFFFF; font-family: arial; font-size: 12px; }
table.commonList th { background-color: #27424b; color: #ff8a0d; font-family: Arial; text-align: center; font-size: 12px; font-weight: bold; margin:0; padding:5px; }
table.commonList tr { background-color: #212121; }
table.commonList tr td { border: 1px solid #212121; }
table.commonList tr.alt td { background-color: #333; border: 1px solid #333; }
table.commonList tr:hover td { background-color: #4f4f4f; color: #ffffff; border: 1px solid #4f4f4f; }

table.commonList h1 { text-align: left; margin: 0px; font-size: 14px; font-family: Arial; color: #ee9619; padding: 0px; }

div.padding { padding:10px }
div.padding5 { padding:5px }
div.padding h1, div.div.padding5 h1 { margin: 0; margin-bottom: 8px; }
/**************************************************************************************************************/

a.filterlink:hover, a.filterlink:visited:hover { color: #FFFF00; }
a.filterlinkB, a.filterlinkB:link, a.filterlinkB:visited, a.filterlinkB:hover, a.filterlinkB:visited:hover { font-weight: bold; color: #ff0000; }
table.logintbl td, table.logintbl div { padding: 0px; margin: 0px;}

table.titletbl th span { font-size: 11px; font-family: Arial; color: #ee9619;font-weight: normal;}
table.titletbl td { padding: 4px; }
table.titletab th, table.titletbl th { text-align: left; margin: 0px; font-size: 14px; font-family: Arial; color: #ee9619; padding: 3px; }
table.titletab th { width: 50%; }
table.titletab ul { list-style: none; margin:0;padding:0;float:right; line-height:20px;}
table.titletab li { margin:0;padding:0 6px 0 6px;float:left; margin-left:5px; background-color: #2a2a2a; text-align: center; cursor: pointer; color:#ffffff; font-size: 11px; font-weight: normal;}
table.titletab li.selected { background-color: #890000; text-align: center; }

div.panel div.listdelay { color: #999999; font-size: 9px; text-align: left; padding: 5px; }
div.panel div.listmore { color: #999999; font-size: 9px; text-align: right; padding: 5px; text-align:right; }
div.panel td.intro { color: #787878; text-align: justify; }
div.panel p.intro { padding: 0px; color: #787878; padding-bottom: 0px; text-align: justify; margin: 6px 2px 6px 2px; }

div.panel div.newsList {padding: 3px 5px 3px 5px; padding-left: 10px;}

.QuoteHeaderDesc span { float:left; }
.l2option { float:left; }
.l2option { float:left; }
.l2option, .l2option ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.l2option a {
	display: block;
	border-right: 1px solid #fff;
	text-decoration: none;
	padding-right: 5px;
}
.l2option a.last {
	border-right: 0px;
}
.l2option li { float: left; width: 9em; position: relative; margin-left: 3px; margin-right: 3px;}

/* hide from IE mac \*/
.l2option li { position: static; width: auto;}
/* end hiding from IE5 mac */

.l2option li ul, .l2option ul li  { width: 12em; margin:0; }
.l2option ul li a  {
	border-right: 0;
	padding: 3px 12px 3px 16px;
	font-size:0.9em;
}
.l2option li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid #eee;
	margin:0;
	padding: 0;
}
.l2option li:hover a, .l2option a:focus,
.l2option a:active {
}
.l2option li:hover ul {
	display: block;
}
.l2option li:hover ul a {
	color: #000000;
	background-color: #ccc;
}

.l2option li:hover ul a:hover {
	color: #ffffff;
	background-color: #606060!important;
}

table.maintblQuoteX { margin-top: 0px; color: #FFFFFF;}
table.maintblQuoteX th {background-color: transparent; color: #ffffff; font-family: Tahoma; text-align: center; font-size: 11px; font-weight: normal; margin:0; padding:3px; }
table.maintblQuoteX tr {background-color: transparent;}
table.maintblQuoteX tr.alt {background-color: #27424a; }
table.maintblQuoteX tr.alt td.common { border:1px solid #27424a; }

table.maintblQuoteX h1 { text-align: left; margin: 0px; font-size: 14px; font-family: Arial; color: #ee9619; padding: 0px; }

table.pageNav { margin-top:5px;}
table.pageNav td { text-align:center; }

div.bynav { padding: 5px; background-color: #363636; margin: 8px; }
div.stockAnnounce { font-size:11px; }
.newsIcon { font-size:8px; font-weight: normal; color: #787878; float:right; margin-top: 2px; margin-right: 2px; }
.newsIcon img { vertical-align:middle; }
a.paging { margin-left: 3px; margin-right: 3px; }
b.paging { background-color:#323232; padding-left: 3px; padding-right: 3px; }

div.bynav .hover { font-size: 13px; background-color:#5b5b5b; padding-left: 4px; padding-right: 4px; margin: 0; }
div.bynav a.alppaging, div.bynav a.excpaging { font-size: 13px; padding-left: 4px; padding-right: 4px; }
div.bynav a.alppaging:hover, div.bynav a.excpaging:hover { background-color:#4b4b4b; }
div.watchlist .hover { font-size: 13px; background-color:#5b5b5b; padding-left: 4px; padding-right: 4px; margin: 0; }

div.listpanel { width: 250px; border: 1px solid #454545; padding: 4px; overflow: hidden; }
div.list { width: 100%; height: 210px; overflow-y: auto; overflow-x: hidden; background-color: #363636; }
div.list div { padding: 2px; font-size: 12px; }
div.list div.hover { background-color: #5b5b5b; }
div.list div:hover { background-color: #727272; cursor: pointer;  }
div.listpanel div.list input { display:none; }
div.watchbutton { float:right; }
div.portfoliobutton { float:left; }
.watchbutton input, div.portfoliobutton input { margin-right: 2px; border: 1px solid #8ad9ff; background-color: #004a6f; color: #ffffff; padding: 2px; cursor: pointer; }
div.watchbutton input.del { border: 1px solid #ffb08a; background-color: #6f2500;  }
table.remark td { padding: 0px; vertical-align: middle;}
#listcount { width:18px; height:18px; background-color:#a3a3a3; padding: 2px;text-align:center;line-height:18px;font-size:13px;font-weight: bold; }
table.portfolio { width: 100%; }
table.portfolio td { padding: 2px; vertical-align: middle; }
table.portfolio td input { width: 150px; }

table.portfoliocap th { width: 180px; vertical-align: middle; font-family: tahoma; font-size:12px; color:#ffffff; text-align:left; font-weight: bold; }
table.portfoliocap td { width: 130px; }
table.portfoliocap th, table.portfoliocap td { padding: 3px; }

img.arrow { margin: 5px 0; cursor:pointer; }

/*****************************************************************************************************************/
div.tabnav { clear: both; margin-bottom:0px;margin-top:5px;}
div.tabnav ul { width: 100%; height: 25px; padding: 0; margin: 0; list-style: none; list-style-image: none;list-style-type: none;border-bottom: 1px solid #414141;}
div.tabnav ul li { float:left; padding: 0; margin-right: 2px; list-style: none; list-style-image: none;list-style-type: none;}
div.tabnav ul .tab { line-height: 24px; width: 20px; text-align:center; border-left: 1px solid #404040; border-right: 1px solid #404040; border-top: 1px solid #404040; background-color: #404040; color:#747474; }
div.tabnav ul .tab:hover { background-color: #212121; color:#949494; }
div.tabnav ul .tab:hover, div.tabnav ul .active:hover { cursor: pointer;}
div.tabnav ul .active, div.tabnav ul .active:hover { height: 25px; font-weight: bold; border-left: 1px solid #414141; border-right: 1px solid #414141; border-top: 1px solid #414141; background-color: #212121; color:#ffffff; }

div.announce { padding: 10px; border-top: none; }
table.announceTbl {  }
table.announceTbl th {  }

/*****************************************************************************************************************/

td.smalllabel { font-size:9px; }
td.smallfigure { text-align:right;font-size:10px; }
td.smallfigure span { font-size:10px; }

.panelPop { font-family: Tahoma; font-size: 12px; }
.panelPop h1 { color: #ee9619; font-size: 14px; font-weight: bold; }

div.quotetitle, tr.quotetitle td {font-size:14px; color:#ba9765;font-weight:bold;  padding:15px 0 3px 5px; }
tr.subtitlesum td { background-color: #585858; font-weight: bold; }
tr.subtitle td { font-weight: bold; color: #ba9765; }
td.quoteRight { text-align: right; width: 85px;  }
table.quoteTbl td.quoteYear { font-size:14px; font-weight: bold; background-color: #323232; }
table.quoteTbl td.borderType1 { border-left: 1px solid #453e33; border-top: 1px solid #453e33; border-right: 1px solid #453e33; }
table.quoteTbl td.borderType2 { border-left: 1px solid #453e33; border-right: 1px solid #453e33; }
table.quoteTbl td.borderType2 span { float:left; line-height: 14px; margin-left: 6px; }
table.quoteTbl td.borderType2_color { border-left: 1px solid #453e33; border-right: 1px solid #453e33; color: #5a4e3d; font-weight: bold; }
table.quoteTbl td.borderType3 { border-left: 1px solid #453e33; border-right: 1px solid #453e33; border-bottom: 1px solid #453e33; background-color: #38332c; font-weight: bold; }

table.quoteTbl td.s_borderTypeT { border-top: 1px solid #453e33; }
table.quoteTbl td.s_borderTypeR { border-right: 1px solid #453e33; }
table.quoteTbl td.s_borderTypeL { border-left: 1px solid #453e33; }
table.quoteTbl td.s_borderTypeB { border-bottom: 1px solid #453e33; }
table.quoteTbl td.s_borderTypeBold { font-weight: bold; }
table.quoteTbl td.s_borderTypeBg { background-color: #38332c; }
table.quoteTbl td.s_borderTypeClr { color: #ba9765; }
table.quoteTbl td.s_borderTypeBdClr { color: #5a4e3d; }

table.quoteTbl td.bgType { background-color: #38332c; font-weight: bold; }
table.quoteTbl td.blank { font-size:5px; }

.stockholder { border: 1px dashed #bcbcbc; }

div.irheader { clear:both;margin-bottom:20px; font-size: 12px; }
table.ir td { padding: 20px; width: 33%; color: #9a9a9a; font-size: 11px; vertical-align: top; }
table.ir tr.button td { padding: 0 20px; background-color: #2c2c2c; }
table.ir tr.button td img { margin: 5px 0; }
table.ir td img { margin: 10px 0; color: #9a9a9a; font-size: 11px; }
table.ir td.irRight { border-right: 1px dotted #9a9a9a; }
table.ir td.irTop { border-top: 1px dotted #9a9a9a; }

div.moreAct { float:right;margin-right:-3px; margin-top:5px; margin-bottom:-5px; }
img.moreAction { cursor:pointer; }
div.moreAction { position: absolute; float:left;  z-index: 20; margin-top: -16px; margin-left: 16px;}
div.moreAction * { color:#000000; }
div.moreAction img { vertical-align: middle; }
div.moreAction ul { width: 140px; list-style: none; margin: 0; padding: 2px; color: #000; border: 1px solid #bebebe; background-color: #f9f9f9; }
div.moreAction ul li { position: relative; list-style: none; padding: 3px; color: #000; }
div.moreAction li.arr { background: transparent url(../../images/arr.png) no-repeat right center; }
div.moreAction li.new, div.moreAction li * { color:#3e3e3e; }
div.moreAction li ul { top: 0px; left: 139px;color: #000; position: absolute; z-index: 21; overflow:hidden; }
div.moreAction li > ul { display: none; }
div.moreAction li:hover { background-color: #dfdfdf; }
div.moreAction li:hover > ul { display: block; }

.pmarquee {
  float: left;
  margin: 0px;
  color: white;
  font-weight: bold;
  padding: 1px 1px;
  width: 2px;
}

ul.marquee, div.marquee {
	display: block;
	padding: 3px 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	width: 100%;
	height:48px;

	background-color:#ffffff;
	border: 1px solid #08084d;
}
ul.marquee li {
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap;
	list-style: none;
	font: 14px Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0;
}

div.loading { padding-top: 120px; width: 100%; min-height: 100px; font-weight: bold; color: #a0a0a0; font-size: 12px; text-align:center; background: transparent url(../../images/loading_trans.gif) center 80px no-repeat; }
div.loadings { padding-top: 70px; width: 100%; min-height: 50px; font-weight: bold; color: #a0a0a0; font-size: 12px; text-align:center; background: transparent url(../../images/loading_trans.gif) center 35px no-repeat; }
div.loadingb { padding-top: 70px; width: 100%; min-height: 50px; font-weight: bold; color: #a0a0a0; font-size: 12px; text-align:center; background: transparent url(../../images/loading.gif) center 35px no-repeat; }

.accset * { font-family: Verdana; }
.accset > div > div.main { margin: 10px 35px; font-size: 13px; font-weight: bold; padding: 10px; padding-left: 45px;  border: 1px solid #c5c5c5; }
.accset > div > div.main a { font-size: 13px; font-weight: bold; }
.accset .login { background: transparent url(../pics/menu/login.png) 20px 10px no-repeat; }
.accset .home { background: transparent url(../pics/menu/home.png) 20px 10px no-repeat; }
.accset .investing { background: transparent url(../pics/menu/investing.png) 20px 10px no-repeat; }
.accset .toolsportfolio { background: transparent url(../pics/menu/portfolio.png) 20px 10px no-repeat; }
.accset .sub * { font-size: 11px; }
.accset .submenu { padding: 4px; }
.accset .submenu .submenu { padding-left: 25px; padding-bottom: 0px;}
.accset .dot { background: transparent url(../pics/menu/dot.png) 7px 3px no-repeat; padding-left: 25px;  }
.accset .note { font-size: 12px; margin: 3px 35px; }
.accset .notes { font-size: 12px; margin: 3px 35px; color: #ff3d3d; }
.accset .button { border: 1px solid #3a3a3a; padding: 5px 10px; margin: 5px; font-weight: bold; }

div.listFilter { margin:10px 0; }
div.filter { clear: both; height:20px; }
div.filter div.title { float:left; font-family: arial; font-size: 11px; line-height: 18px; margin-right: 3px; }
div.filter > ul, div.filter ul > li { float:left; list-style: none; margin: 0; padding:0; }
div.filter > ul { margin-right: 3px; }
div.filter > ul > li { cursor: pointer; position: relative; margin: 0 5px; padding: 1px 20px 1px 6px; font-family: arial; font-size: 11px; font-style: italic; color: #8f8f8f; border: 1px solid #54524c; background: #212121 url(../../images/arrd.gif) right center no-repeat; }
div.filter > ul > li span { cursor: pointer; font-family: arial; font-size: 11px; font-style: italic; color: #8f8f8f; }
div.filter > ul > li span.selected { cursor: pointer; font-family: arial; font-size: 11px; font-style: normal; color: #fff; font-weight: bold; }
div.filter > ul > li:hover ul { display:block; }
div.filter > ul > li ul, div.filter > ul > li ul li { list-style: none; margin: 0; padding:0; }
div.filter > ul > li ul { padding: 2px; list-style: none; position: absolute; left: 0; z-index:2; font-style: normal; border: 1px solid #54524c; background-color: #212121; color: #dd8414; display:none; }
div.filter > ul > li ul li { margin: 0px; padding: 3px 5px; clear:both; min-width: 110px; }
div.filter > ul > li ul li:hover { cursor: pointer; background-color: #3d3d3d; }
div.filter > ul > li ul li.selected { color:#bababa; font-weight: bold; }

div.filter ul.alpha li > ul { width: 160px; }
div.filter ul.alpha li > ul li { float:left; min-width: 20px;width: 20px; padding: 1px; text-align: center; clear:none; }

div.filter ul.sector li > ul { width: 250px; }
div.filter ul.sector li > ul li { float:left; width: 110px; text-align: left; clear:none; }

div.panelLeft { float: left; width: 24%; }
div.panelRight { float:right; width: 75%; }

/*****************************************************************************************************************/

div.popup { width: 680px; }

/*****************************************************************************************************************/

div.portfolio { padding: 5px; min-height: 200px; }
#stocklist { min-height: 300px;max-height: 300px; overflow: auto; }

div.filter img.navi { width: 16px; height: 16px; margin-left: 3px; cursor:pointer; }
div.filter img.navino { width: 16px; height: 16px; margin-left: 3px; }
#stocklist div.highlight { background-color:#474747; }
div.stocklist { clear:both; }
div.stocklist div.stockname { padding:3px; }
div.stocklist:hover { cursor: pointer; background-color:#303030; }
div.stocklist div.navi { padding:3px; float:right; }
div.stocklist div.navi img { width: 16px; height: 16px; margin-left: 3px; }
div.stocklist div.navi img.view { background: transparent url(../../images/view.png) center center no-repeat; }
div.stocklist div.navi img.add { background: transparent url(../../images/add.png) center center no-repeat; }

div.translist { min-height: 520px; }
div.translist .desc1 { min-height: 230px; font-size: 17px; color: #7f7f7f; font-style: italic;}
div.translist .desc2 { font-size: 17px; color: #7f7f7f; font-style: italic; }

table.portfolioTbl { width: 100%; margin-top: 0px; color: #FFFFFF; }
table.portfolioTbl tr { }
table.portfolioTbl tr.alt td.common { background-color: #333; border: 1px solid #333; }
table.portfolioTbl tr:hover td.common { background-color: #4f4f4f; color: #ffffff; border: 1px solid #4f4f4f; }

table.portfolioTbl h1 { text-align: left; margin: 0px; font-size: 14px; font-family: Arial; color: #ee9619; padding: 0px; }

div.addtransbox { width: 450px; }
table.portTbl { width: 90%; font-family: tahoma; }
table.portTbl th { margin: 0; padding : 10px 5px; font-size: 14px; color: #d18010; }
table.portTbl td { padding : 1px; color: #808080; vertical-align: middle; }
table.portTbl td.label { font-weight: bold; color: #808080; width: 180px; }
table.portTbl td.label2 { font-size: 12px; font-weight: bold; color: #808080; width: 250px; }
table.portTbl select { font-size: 12px; border: 1px solid #cfcfcf; margin:0; padding: 1px; }
table.portTbl input.numbox { font-size: 12px; width: 180px; border: 1px solid #cfcfcf; margin:0; padding: 1px; }
table.portTbl input.numbox.readonly { background-color:#f3f3f3; }
table.portTbl input.numbox.small { width: 80px; }
table.portTbl select, table.portTbl option { font-size: 12px; }
table.portTbl .netamount { font-size: 12px; font-weight: bold; color: #e57812; width: 180px; }
table.portTbl .remarkfigure { float:right; padding: 3px; font-size: 10px; color: #7f7f7f; }

div.noport { margin: 100px; text-align: center; font-size: 20px; color: red; font-family: verdana; }
div.noport div { cursor: pointer; margin-top: 5px; font-size: 12px; color: #878787;}
/*****************************************************************************************************************/

div.portfolio2 { min-height: 400px; background-color: #2f2f2f; border: none;}
div.portfolio2 .tabtitle { clear:both; height: 50px; background-color: #171717; border: 1px solid #414141; }
div.portfolio2 .filter { padding: 15px 8px; float:left; }
div.portfolio2 .link { float:right; padding: 18px 8px; }
div.portfolio2 .link a.button { font-size: 11px; font-family: Verdana; background: transparent url(../../images/new.png) left center no-repeat; padding-left: 20px; }
div.portfolio2 tr.alt td { background-color: #606060; }
div.portfolio2 tr:hover td.noncommon { background-color: transparent; }
div.portfolio2 tr.transList:hover td.noncommon { cursor: default; background-color: #212121; }

/*****************************************************************************************************************/
.porttrans a. { text-decoration:none; color:#FFFFFF}
.porttrans a:link {color:#FFFFFF; text-decoration:none}
.porttrans a:visited {color:#FFFFFF; text-decoration:none}
.porttrans a:hover {color:#FFFF00;}
.porttrans .title {	font-size: 0.9em; font-weight:bold; 	text-align:center; }
.porttrans table {align:center; font:normal 0.85em Arial, Helvetica, sans-serif;   }
.porttrans table th {background-color:#27424a; color:#fff; }

.porttrans a.button { float:right; background:url(../../pics/new.gif) no-repeat left center; display:block; color:#ffffff; font-size: 12px; font-weight:bold; margin-left:10px; padding-left:18px; text-decoration:none; }
.porttrans a:hover.button { color:#FFFF00; }
.porttrans .header { width: 100%; padding: 10px; }
.porttrans .header div.tabs { padding-top: 5px; margin-right: 20px; }
.porttrans .title { font-size: 13px; color: #ee9619; text-align:left; }
.porttrans .update { background:url(../../pics/edit.gif) no-repeat 10px 8px; text-indent:30px; display:block; }
.porttrans tr.nonalt td.common, .port_trans tr.highlight td.common, .port_trans tr.highlight:hover td.common { background-color: #bab28d; border: 1px solid #bab28d; color: #000000; }
.porttrans tr.highlight td.common a { color: #000000; }

table.port2Tbl { }
table.port2Tbl tr th { font-size: 11px; color: #f8bb81; text-align:right; }
table.port2Tbl tr th.left { text-align:left; }
table.port2Tbl tr th.center { text-align:center; }
table.port2Tbl tr.stockList td { font-size: 12px; font-family: arial; font-weight: bold;padding: 5px; color: #777777; background-color: #2f2f2f; border-top: 1px solid #5a5a5a; }
table.port2Tbl tr.stockList:hover td { cursor: pointer; background-color: #484848; border-top: 1px solid #5a5a5a; }
table.port2Tbl td.arr { text-align:center; width: 20px; }
table.port2Tbl img.arr { width: 16px; height: 16px; }
table.port2Tbl img.arr.up { background-image: url(../../images/arr.png);}
table.port2Tbl img.arr.down { background-image: url(../../images/ard.png);}

table.port2Tbl tr.stockList.selected > td { font-weight: bold; font-size: 12px; color:#ffffff; background-color: #342c24; }
table.port2Tbl tr.transList.selected > td { font-weight: bold; font-size: 12px; color:#ffffff; background-color: #342c24; }

table.port2Tbl td.control { width: 20px; text-align: right; }
table.port2Tbl td.control img { width: 14px; margin-left: 3px; cursor: pointer;}

table.transTbl { width: 100%; margin: 10px 0; color: #FFFFFF; }
table.transTbl tr { }
table.transTbl tr th { background-color: #2e2720; color: #946a42; }
table.transTbl tr td { padding: 3px; border: none; font-size: 11px; background-color: #342c24; }
table.transTbl tr.row td { padding: 3px; background-color: #2f2720; border: none; font-size: 11px; }
table.transTbl tr:hover td, table.transTbl tr.row:hover td { background-color: #6d655a; color: #ffffff; border: none; font-size: 11px; }
table.transTbl td.control { width: 40px; text-align: right; }

table.transTbl h1 { text-align: left; margin: 0px; font-size: 14px; font-family: Arial; color: #ee9619; padding: 0px; }

table.portSummary { width: 100%; padding: 8px; background-color: #232323; margin: 20px 0; border: 1px solid #343434; }
table.portSummary th { width: 180px; vertical-align: middle; font-family: tahoma; font-size:12px; color:#cccccc; text-align:left; font-weight: bold; }
table.portSummary td { width: 130px; font-weight: bold; }
table.portSummary th, table.portSummary td { padding: 3px; }
table.portSummary th.pl, table.portSummary td.pl { width: 100px; font-size: 16px; font-weight: bold; color: #f8bb81; vertical-align:middle; }
table.portSummary th.pl { color: #e0a269; }

ul.portControl,ul.portControl li { float:left; list-style: none; margin:0;padding:0;}
ul.portControl { margin-top: 15px;}
ul.portControl li { margin-left: 5px; color: #949494; cursor: pointer; }
ul.portControl li.hand  { cursor: default; }
ul.portControl li.split  { background-color: #3b3b3b; width: 2px; height: 20px; margin-left: 15px; margin-right:10px;}
ul.portControl li img { vertical-align: middle; margin-right: 5px; }
ul.portControl li ul { float:left; margin:0;padding:0;position: absolute; margin-top: -18px; margin-left: 120px; display:none; color: red; }
ul.portControl li ul li { color: red; }
ul.portControl li:hover ul { display: block; }
ul.portControl img.navi { cursor: pointer; }

/*****************************************************************************************************************/
div.translist2 { clear: both; overflow: hidden; padding: 5px; }
div.translist2 .desc1 { min-height: 230px; font-size: 17px; color: #7f7f7f; font-style: italic;}
div.translist2 .desc2 { font-size: 17px; color: #7f7f7f; font-style: italic; }

div.translist2 table.portfolioTbl th { font-size: 11px; font-family : Tahoma; vertical-align: middle; }
div.translist2 table.portfolioTbl td { cursor: pointer; }

div.portsummary { clear:both; margin-top: 10px; padding: 5px; }

/*****************************************************************************************************************/
div.disclaimer { clear: both; margin-top: 5px; padding: 15px; color: #a7a7a7; background-color: #2f2f2f; border: none; }
div.disclaimer h1 { clear: both; margin:0; padding:0; font-size: 12px; margin-bottom: 3px; color: #bdbdbd; }

div.fdisclaimer { clear: both; font-size:9px; width: 97%; margin:5px auto; margin-bottom: 10px; padding: 10px; color: #a7a7a7; background-color: #2f2f2f; border: 1px solid #454545; }
div.fdisclaimer h1 { clear: both; font-size:10px; margin:0; padding:0; margin-bottom: 3px; color: #bdbdbd; }

div#footer .copyright a, div#footer .copyright a:visited { color:#888 }
div#footer .copyright a:hover, div#footer .copyright a:visited:hover { text-decoration:underline; }
/*****************************************************************************************************************/

div.portDetails { position:absolute; cursor: default; overflow: hidden; min-width: 150px; background-color: #333333; border: 1px solid #606060; padding: 3px;}
div.portDetails table.stockinfo { width: 200px; }
div.portDetails table.stockinfo td { padding: 1px; }
div.portDetails table.stockinfo td.label { width: 110px; font-weight: bold; }

table.top5bidask { width: 100%; min-width:130px; border: 1px solid #c9c9c9; font-size: 11px; font-family: tahoma; color: #ffffff; }
table.top5bidask th.title { color: #f48e00; font-size: 12px; text-align: center; }
table.top5bidask th { width: 50%; background-color: #cccccc; color: #000000; border-bottom: 1px solid #999999; padding: 3px; text-align: right; }
table.top5bidask td { padding: 2px; text-align: right; }

.port_trans { background-color:transparent; width:100%; float:left; }
.port_trans a. { text-decoration:none; color:#FFFFFF}
.port_trans a:link {color:#FFFFFF; text-decoration:none}
.port_trans a:visited {color:#FFFFFF; text-decoration:none}
.port_trans a:hover {color:#FFFF00;}
.port_trans .title {	font-size: 0.9em; font-weight:bold; 	text-align:center; }
.port_trans table {align:center; font:normal 0.85em Arial, Helvetica, sans-serif;   }
.port_trans table th {background-color:#27424a; color:#fff; }

.port_trans table tr:hover {background-color:lightblue; color:#666;}
.port_trans a.button { float:right; background:url(../../pics/new.gif) no-repeat left center; display:block; color:#ffffff; font-size: 12px; font-weight:bold; margin-left:10px; padding-left:18px; text-decoration:none; }
.port_trans a:hover.button { color:#FFFF00; }
.port_trans .header { width: 100%; padding: 10px; }
.port_trans .header div.tabs { padding-top: 5px; margin-right: 20px; }
.port_trans .title { font-size: 13px; color: #ee9619; text-align:left; }
.port_trans .update { background:url(../../pics/edit.gif) no-repeat 10px 8px; text-indent:30px; display:block; }
.port_trans tr.nonalt td.common, .port_trans tr.highlight td.common, .port_trans tr.highlight:hover td.common { background-color: #bab28d; border: 1px solid #bab28d; color: #000000; }
.port_trans tr.highlight td.common a { color: #000000; }

div.errDiv { text-align: center; padding: 60px 0; }
div.errDiv h1 { margin:0; padding: 0; font-size: 16px; }
div.errDiv div { padding: 10px 5px; font-size: 13px; color: #DD0000; }
/*.tabs { width: 100%; height: 30px; margin-top:-26px; }
.tabs > ul { width: auto; height: 25px; padding: 0; margin: 0; margin-right:8px; list-style: none; list-style-image: none;list-style-type: none;border-bottom: 1px solid #cecece; float: right;}
.tabs > ul li { float: left; padding: 0; margin-left: 3px; list-style: none; list-style-image: none;list-style-type: none;}
.tabs > ul li { font-family: SimHei; line-height: 24px; width:auto; padding-left: 12px; padding-right: 12px; text-align:center; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; background-color: #ffffff;}
.tabs > ul li:hover { border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3;}
.tabs > ul li:hover, .tabs > ul li.active:hover { cursor: pointer;}
.tabs > ul li.active, .tabs > ul li.active:hover { height: 25px; padding-left: 10px; padding-right: 10px; font-weight: bold; border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-top: 1px solid #cecece; background-color: #ffffff}
*/
.tabs { width: 100%; height: 30px; margin-top:-26px; clear: both; overflow: hidden; }
.tabs > ul { float: right; width: auto; height: 25px; padding: 0; margin: 0; margin-right:8px; list-style: none; list-style-image: none;list-style-type: none; }
.tabs > ul li { float: left; padding: 0; margin-left: 3px; list-style: none; list-style-image: none;list-style-type: none;}
.tabs > ul li.tab { font-family: Verdana; line-height: 24px; width:auto; padding-left: 12px; padding-right: 12px; text-align:center; border: 1px solid #2d271f; background-color: #302c26;}
.tabs > ul li.tab:hover { border: 1px solid #72634e; }
.tabs > ul li.tab:hover, .tabs > ul li.active:hover { cursor: pointer;}
.tabs > ul li.active, .tabs > ul li.active:hover { height: 25px; padding-left: 10px; padding-right: 10px; font-weight: bold; border: 1px solid #5a4e3d; background-color: #38332c}

div.oskhead { background: transparent url(../../pics/nvclub/investorClub_oskHeader.png) center center no-repeat; font-size: 11px; color: #004e6f; font-weight: bold;}

div.news { padding: 10px; font-family: Verdana; margin: 10px; margin-bottom: 15px; }
div.news:hover { cursor: pointer; background-color: #383838; }
div.news h1 { font-size: 14px; padding:0; margin: 0;}
div.news h1 img { margin-left: 5px; vertical-align: middle; }
div.news div.date { color: #999999; font-size: 10px; margin: 5px 0; }
div.news div.content { font-size: 11px; }
div.news div.download { color: #cccccc; font-size: 10px; margin: 5px 0; }
div.news div.download * { color: #cccccc; }
div.news div.download img { margin-right: 5px; vertical-align: middle;  }

div.market { padding: 10px; font-family: Verdana; margin: 10px; margin-bottom: 15px; }
div.market:hover { cursor: default; background-color: #383838; }

div.article { padding: 10px; font-family: Verdana; margin: 10px; margin-bottom: 15px; }
div.article h1 { font-size: 16px; padding:0; margin: 0;}
div.article h1 img { margin-left: 5px; vertical-align: middle; }
div.article div.summary { color: #999999; font-size: 10px; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #636363; }
div.article div.summary img { margin-right: 5px; vertical-align: middle; }
div.article div.content { }

table.article td { cursor: pointer; }
table.article tr.highlight td { background-color: #bab28d; border: 1px solid #bab28d; color: #000000; }

div.toggleDiv { padding: 10px; }
div.toggleDiv > h1 { cursor: pointer; }
div.toggleDiv > h1 img { margin-left: 5px; }
div.toggleDiv > div { display: none; }

ul.morenews, ul.morenews li { list-style: none; padding:0; margin:0; }
ul.morenews { margin:5px; clear:both; overflow: hidden;  }
ul.morenews li { float:left; margin-right	: 5px; }
ul.morenews li a { color:#fff; text-decoration: none; }
ul.morenews li a:hover { color:#d5bb40; }
ul.morenews li a.selected { color:#d5bb40; text-decoration: none; font-weight: bold; }
ul.morenews li img { margin-right: 3px; vertical-align: middle; }

/************************* exnews_details.php *************************/

div.exLeft div.panel, div.edRight div.panel { padding:8px; }
div.exLeft h1, div.edRight h1 { margin: 2px 0; }

div.exLeft { float: left; width: 63%; padding: 4px; }
div.exLeft div.announceDetails { clear: both; padding: 20px; font-family: Verdana; margin-bottom: 10px; overflow: hidden; text-align: left; min-height: 720px; }
div.exLeft div.announceDetails h1 { font-size: 16px; padding:0; margin: 0 }
div.exLeft div.announceDetails div.stock { color: #999999; font-size: 10px; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #636363; }
div.exLeft div.announceDetails div.stock img { margin-right: 5px; vertical-align: middle;  }
div.exLeft div.announceDetails div.content { padding: 3px; font-size: 11px; }

div.exRight { float:right; width: 35%; padding: 4px; }
div.exRight div.announceList { padding: 10px; }
div.exRight div.announceList h1 { font-size: 16px; padding:0 5px; margin: 5px 0 15px 0; }
div.exRight div.announceList div { padding: 3px 5px; }
div.exRight div.announceList div:hover { cursor: pointer; color: #FFFF00; background-color: #383838; }
div.exRight div.announceList div span { font-size: 9px; color: #b2b2b2; font-style: italic; margin-left: 3px; }
div.exRight div.events { min-height: 260px; }

div.exLeft { float: left; width: 63%; padding: 4px; }
div.exLeft div.brokerDetails { clear: both; padding: 20px; font-family: Verdana; margin-bottom: 10px; overflow: hidden; text-align: left; }
div.exLeft div.brokerDetails h1 { font-size: 16px; padding:0; margin: 0 }
div.exLeft div.brokerDetails div.stock { color: #999999; font-size: 10px; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #636363; }
div.exLeft div.brokerDetails div.stock img { margin-right: 5px; vertical-align: middle;  }
div.exLeft div.brokerDetails div.content { padding: 3px; font-size: 11px; }
div.exLeft div.pad { padding: 2px; margin: 0; }

div.exRight { float:right; width: 35%; padding: 4px; }
div.exRight div.brokerList { padding: 10px; min-height: 160px; }
div.exRight div.brokerList h1 { font-size: 16px; padding:0 5px; margin: 5px 0 15px 0; }
div.exRight div.brokerList div { padding: 3px 5px; }
div.exRight div.brokerList div:hover { cursor: pointer; color: #FFFF00; background-color: #383838; }
div.exRight div.brokerList div span { font-size: 9px; color: #b2b2b2; font-style: italic; margin-left: 3px; }
div.exRight div.events { min-height: 260px; }

div.norec { margin: 100px; text-align: center; font-size: 20px; color: red; font-family: verdana; }
div.norec div { cursor: pointer; margin-top: 5px; font-size: 12px; color: #878787;}

/***********************************************************************/

/**************************** education.php ****************************/

div.edLeft div.panel, div.edRight div.panel { padding:8px; }
div.edLeft h1, div.edRight h1 { margin: 2px 0; }

div.edLeft { float: left; width: 30%; padding: 4px; }
div.edLeft label { margin-right: 5px; }
div.edLeft label input {  }
div.edLeft div.signup { margin: 5px; }
div.edLeft td.label { font-weight: bold; vertical-align: middle; }
div.edLeft ul, div.edLeft li { margin:0; padding:0; }
div.edLeft li { margin-left: 18px; padding: 2px 0;}
div.edLeft div.button { padding: 5px 10px; text-align:right; }
div.edLeft div.button input { padding: 2px 15px; }

div.edRight { float:right; width: 68%; padding: 4px; }
div.edRight div.newsletter { padding: 5px; }
div.edRight div.events { min-height: 260px; }

/***********************************************************************/

div.divHeight { height: 8px; width: 100%; }
div.divSmallHeight { height: 8px; width: 100%; }
div.clear { clear: both; }

div.errcode { color:#cccccc;font-size: 12px;padding:50px; }
div.errcode h1 { font-size:20px;color:#c44646;text-align:left;padding:10px 0; }

/**************************************************************************************************************/
/** SERVICES **/
a.services, a.services:link, a.services:visited { font-family: verdana; font-size: 11px; font-weight: bold; color: #ffff40; }
a.services:hover, a.services:visited:hover { text-decoration: underline; }

div.services { margin-top: 10px; }

div.services .left { float:left; width: 70%; }
div.services .left h1 { font-size: 14px; font-weight: bold; margin:0; padding:6px 15px; background: #075b7f url(../../images/services_th1.jpg) center top repeat-x; }
div.services .left table { margin-bottom: 15px; font-size: 11px;  }
div.services .left table td { padding: 15px 12px; background-color:#292929; text-align: center; }
div.services .left table td ul, div.services .left table td li { text-align: left; list-style: none; margin:0; padding: 0; }
div.services .left table td li { margin-left: 10px;  }
div.services .left table td div { text-align: left; }

div.services .left table tr.rowtop td { background-color:#292929; height: 20px; padding: 0; }
div.services .left table tr.rowbottom td { background-color:#2f2f2f; height: 6px; padding: 0; }
div.services .left table td.label { text-align: left; font-weight: bold; font-size: 12px; color: #ffffff; }
div.services .left table tr.package td { padding: 3px 12px; font-size: 14px; }
div.services .left table tr.package td b { font-size: 19px; font-weight: bold; }
div.services .left table tr.sub td { padding: 2px 12px; }
div.services .left table tr.sub.last td { padding-bottom: 15px; }
div.services .left table tr.sub td.label { color: #585858; font-size: 11px; font-weight: normal; }
div.services .left table tr.header td { font-size: 13px; font-weight: bold; background-color:#3a3a3a; padding: 6px 12px; }
div.services .left table tr.header td.label { font-size: 15px; }
div.services .left table tr.row td { background-color:#212121; }
div.services .left table tr td.nonpaid { width: 190px; }
div.services .left table tr td.paid { background:#065f81 url(../../images/paid.png) center center repeat; width: 155px; }
div.services .left table tr.row td.paid { background:#074a63 url(../../images/paid_row.png) center center repeat; }
div.services .left table tr td.paid.subscribe { padding: 15px 0; }
div.services .left table tr td.paid.imgtop { background:#292929 url(../../images/paid_top.png) center bottom no-repeat; }
div.services .left table tr td.paid.imgbottom { background:#2f2f2f url(../../images/paid_bottom.png) center top no-repeat; }

div.services .right { float:right; width: 30%; }
div.services .right h1 { font-size: 14px; font-weight: bold; margin:0; padding:6px 15px; background: #075b7f url(../../images/services_th2.jpg) center top repeat-x; text-align: center; }
div.services .right div.pad { padding: 10px 25px; }
div.services .right div.laptop { text-align: center; }
div.services .right div.desc { text-align: justify; font-size: 11px; margin-bottom: 20px;  }
div.services .right div.desc img { margin-top: 10px; }
div.services .right h3 { font-size:12px; font-weight:bold; text-decoration:underline; color:#fff; padding:0; margin-bottom:5px; }
div.services .right ul { margin-top:3px; margin-bottom:3px; margin-left:10px; padding-left:10px}
div.services .right li { margin: 5px 0; list-style-image:url(../../pics/nvclub/investorClub_bullet.png); font-size:11px; color: #ffffff;} 
div.services .right li.none { margin: 5px 0; list-style:none;} 
div.services .right li span { font-size: 10px; color: #8b8b8b; } 

/** SUBSCRIPTION **/

div.subscribe { margin-top: 10px; }

div.subscribe { }
div.subscribe h1 { font-size: 14px; font-weight: bold; margin:0; padding:6px 15px; background: #075b7f url(../../images/services_th1.jpg) center top repeat-x; }
div.subscribe table td.label { text-align: left; font-weight: bold; font-size: 12px; color: #ffffff; width: 250px; }
div.subscribe table tr.rowtop td { background-color:#292929; height: 20px; padding: 0; }
div.subscribe table tr.rowbottom td { background-color:#2f2f2f; height: 6px; padding: 0; }
div.subscribe table tr td.paid { background:#065f81 url(../../images/paid.png) center center repeat; width: 155px; }
div.subscribe table tr.package td { padding: 3px 12px; font-size: 14px; }
div.subscribe table tr.package td b { font-size: 19px; font-weight: bold; }
div.subscribe table tr.header td { font-size: 13px; font-weight: bold; background-color:#3a3a3a; padding: 6px 12px; }
div.subscribe table tr.header td.label { font-size: 15px; }
div.subscribe table tr td.subscribe { padding-left: 50px;  }
div.subscribe table tr td.subscribe.chk { padding-left: 100px;  }
div.subscribe table tr td.subscribe.chk img { cursor: pointer;  }
div.subscribe table tr td.paid.imgtop { background:#292929 url(../../images/paid_top.png) center bottom no-repeat; }
div.subscribe table tr td.paid.imgbottom { background:#2f2f2f url(../../images/paid_bottom.png) center top no-repeat; }
div.subscribe table td.blank { height:20px;  }
div.subscribe table td.total { padding:10px; background-color:#212121; font-size:14px; font-weight: bold; }
div.subscribe table td.total b { margin-left: 15px; color: #f1974e; }
div.subscribe table td.total span { margin-left:5px; padding:3px 10px 3px 10px; font-size:18px; color: #f1974e; font-weight: bold; }
div.subscribe input.subscribebutton { margin: 20px 0; cursor: pointer; }

div.subscribe div.terms { }
div.subscribe div.terms ul { margin: 0 20px; padding: 0px; }
div.subscribe div.terms ul li { padding: 2px; font-size: 11px; list-style-image: url(../../images/li.png); }
div.subscribe div.terms ul li.highlight { color: #ff0000; font-weight: bold; font-size: 14px; }


/** PRODUCT **/

div.pdetails { width: 600px; }

div.product { margin-top: 10px; }

div.product { }
div.product h1 { font-size: 14px; font-weight: bold; margin:0; padding:6px 15px; background: #075b7f url(../../images/services_th1.jpg) center top repeat-x; }

div.product table tr.rowtop td { background-color:#292929; height: 20px; padding: 0; }
div.product table tr.rowbottom td { background-color:#2f2f2f; height: 6px; padding: 0; }

div.product table td { padding: 1px 12px; font-size: 14px; vertical-align: middle; }
div.product table td b { font-size: 11px; font-weight: bold; }

div.product table td.title { text-align: left; font-weight: bold; font-size: 11px; color: #ffffff; width: 400px; }
div.product table td.qty { width:90px; text-align: center; font-size: 12px; font-weight: bold; }
div.product table td.qty input { width:40px; font-weight: bold; text-align: center; font-family: arial; font-size: 12px; }
div.product table td.qty input[disabled] { color:#b7b7b7; }
div.product table td.qty img { vertical-align:middle; margin: 0 3px; cursor: pointer; }
div.product table td.paid { font-size: 11px; text-align: right; }
div.product table td.subtotal { text-align: right; background:#065f81 url(../../images/paid.png) center center repeat; width: 96px; font-size: 15px; }
div.product table td.subtotal b { font-size: 15px; }

div.product table td.subscribe { width: 30px; }
div.product table td.subscribe input { display: none; }
div.product table td.subscribe.chk {  }
div.product table td.subscribe.chk img { cursor: pointer; width:28px; }

div.product table tr.header td { font-size: 15px; font-weight: bold; background-color:#3a3a3a; padding: 6px 12px; }
div.product table tr.total td { font-size: 15px; font-weight: bold; text-align:right; }

div.product table tr td.paid.imgtop { background:#292929 url(../../images/paid_top_product.png) center bottom no-repeat; }
div.product table tr td.paid.imgbottom { background:#2f2f2f url(../../images/paid_bottom_product.png) center top no-repeat; }

div.product table td.blank { height:20px; }

div.product table tr.charge td,
div.product table tr.total td { padding:4px 10px; background-color:#272727; font-size:13px; font-weight: bold; text-align: right; }
div.product table tr.charge td.bold,
div.product table tr.total td.bold { margin-left:5px; font-size:15px; color: #f1974e; font-weight: bold; }
div.product table tr.plus td.bold { background:#272727 url(../../images/charge.png) left center no-repeat; }

div.product table tr.payable td { padding:8px 10px; font-size:14px; font-weight: bold; text-align: right; }
div.product table tr.payable td.bold { margin-left:5px; font-size:22px; color: #f1974e; font-weight: bold; }
div.product input.subscribebutton { margin: 20px 0; cursor: pointer; }

div.product div.terms { }
div.product div.terms ul { margin: 0 20px; padding: 0px; }
div.product div.terms ul li { padding: 2px; font-size: 11px; list-style-image: url(../../images/li.png); }
div.product div.terms ul li b { font-size: 12px; color: #ff3434; }
div.product div.terms ul li.highlight { color: #ff0000; font-weight: bold; font-size: 14px; }

div.product table.info { margin: 10px 5px; }
div.product table.info th { padding:3px; text-align:left; vertical-align: top; font-size:11px; width: 210px; }
div.product table.info th span { color: #DD0000; margin-left:3px; font-size:12px; }
div.product table.info td { padding:3px; font-size:11px; }
div.product table.info td input, div.product table.info td textarea { font-family: arial; font-size:11px; width:280px;  }
div.product table.info td textarea { height:80px;  }
div.product table.info td label { margin-right: 5px; vertical-align:middle;  }
div.product table.info td label input { font-family: arial; font-size:12px; width:auto;  }

div.product div.checkout { text-align:right;padding-right:10px; }
div.product div.message h5 { font-size: 18px; color: #ce6700; margin:0 0 20px; padding: 0;}
div.product div.message { margin: 10px 0; padding: 20px; border: 1px solid #4f4f4f; }

div.product div.details { color: #000; padding: 10px; font-weight: normal; }
div.product div.details img { float:left; max-width:200px; }
div.product div.details span { font-weight: bold; padding: 8px 0; color: #000; }

/**************************************************************************************************************/

div.mheat { background: #005480; }

div.bar { position: relative; margin: 10px auto; width: 89%; height: 50px; background: transparent url(../../images/mh_legend.jpg) no-repeat center top; background-size: 100% 20px; }
div.bar div { position: absolute; top:22px; width: 100%; font-size: 13px; font-weight: bold; font-style: italic; }
div.bar div.left { text-align: left; }
div.bar div.center { text-align: center; }
div.bar div.right { text-align: right; }

div.mheatlist { width: 89%; margin: 10px auto; padding: 0 5px; overflow: hidden; clear: both; }
div.mheatlist div.box { float:left; width: 100px; height: 50px; margin: 0; text-align: center; padding: 5px 15px; color: #000; }
div.mheatlist div.box b { color: #000; }
div.mheatlist div.box h5 { padding:0; margin:0; }
div.mheatlist div.box h5 a { font-weight: bold; color: #3f89c3; font-size: 13px; }

/**************************************************************************************************************/

#homebanner ul, #homebanner li { list-style: none; }
#homebanner li img, #homebanner li iframe { width: 300px; height: 250px; }

#mheatline { position: absolute; background-color: #ff0000; width: 1px; text-align: center; }
#mheatpop { position: absolute; background-color: #fff; width: 400px; text-align: center; }
#mheatpop div.arr { position: absolute; bottom: -6px; background: transparen url(../../images/downarr.gif) no-repeat center bottom; width: 11; margin: 0 auto; }
#mheatpop div.box { float:left; width: 100px; height: 50px; margin: 0; text-align: center; padding: 5px 15px; color: #000; }
#mheatpop div.box b { color: #000; }
#mheatpop div.box h5 { padding:0; margin:0; }
#mheatpop div.box h5 a { font-weight: bold; color: #3f89c3; font-size: 13px; }

table.hkfutures { width: 100%; }
table.hkfutures th, table.hkfutures td { padding:5px 10px; color: #fff; background-color:#323232; text-align: center; font-size: 16px; font-weight: bold; }
table.hkfutures td { font-size: 11px; font-weight: normal;text-align:left;  }
table.hkfutures td.label { width:80px;  }
table.hkfutures th.alt { background-color:#3f3f3f; }
table.hkfutures th img { width:11px; height: 11px; margin-right:5px; }
table.hkfutures th img.Up { background:#3f3f3f url(../../images/up.png) no-repeat left center; }
table.hkfutures th img.Down { background-color:#3f3f3f url(../../images/down.png) no-repeat left center; }
table.hkfutures th img.Still { background-color:#3f3f3f url(../../images/still.png) no-repeat left center; }
table.hkfutures th div { margin:0 0 20px; text-align:left; font-size: 11px; font-weight: normal; }