@charset "utf-8";
/* CSS Document */


/************* SITE DEFAULT SETTINGS****************/
body, ul, li, p, span, h1, h2, h3, h4, h5, h6, a, em, table, td, tr, form{padding:0;margin:0}
table, td{border-collapse:collapse;}
em{font-style:normal;font-size:11px}
.clear{float:none;clear:both}
a{text-decoration:none;color:#4c7cb5}
a:hover{text-decoration:underline;color:#4c7cb5}
a:visited{color:#4c7cb5}
/*****************************/
body{background:#eeeeee;font:11px Tahoma, Geneva, sans-serif;color:#676767}
#main{}
#container{width:952px;background:url('/images1/bg_shadow.jpg') repeat-y;margin:0 auto;border-bottom:3px solid #bebebc}
#wrapper{width:941px;margin:0 auto}
#header{border-left:1px solid #4575be; border-right:1px solid #4575be; border-bottom:1px solid #4575be; width:940px;height:94px;background:url('/images1/bg_header.jpg') no-repeat;border-top:medium none; }
#login{width:240px;float:right;margin-top:5px}
.input-text{background:url('/images1/bg_input.png') no-repeat;width:134px;border:medium none;height:23px;font-size:11px;color:#333;margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-top:0px; padding-left:3px; padding-right:0; padding-bottom:0; padding-top:3px\9;}
#userInfo{float:left;width:59%}
#userInfo .dropHolder{float:left}
#login .lblLgn{display:inline-block;font-weight:bold;padding:10px 2px;float:left}
#icons{width:185px;float:left;margin:-9px 0 0 20px}
#icons span{display:block;height:25px}
#icons span a{font:bold 11px tahoma;display:block}
#icons span.chlang{background:url('/images1/lang_a.png') no-repeat 0 3px;float:left;;width:25%; padding-left:30px; padding-right:0; padding-top:8px; padding-bottom:0}
#icons span.streamer{background:url('/images1/streamer_icon.png') no-repeat 0 3px;float:left;;width:25%; padding-left:35px; padding-right:0; padding-top:8px; padding-bottom:0}
#icons span.sigmaplus{background:url('/images1/sigmaplus_icon.png') no-repeat;float:right;width:30%; padding-left:48px; padding-right:0; padding-top:8px; padding-bottom:0}

#icons2{width:200px;float:right;margin:0}
#icons2 span{display:block;height:25px}
#icons2 span a{font:bold 12px tahoma;display:block}
#icons2 span.chlang{background:url('/images1/lang_a.png') no-repeat 0 -2px ;float:left;width:15%; padding-left:30px; padding-right:0; padding-top:0px; padding-bottom:0}
#icons2 span.streamer{background:url('/images1/streamer_icon.png') no-repeat 0 0px;float:left;;width:20%; padding-left:35px; padding-right:0; padding-top:0px; padding-bottom:0}
#icons2 span.sigmaplus{background:url('/images1/sigmaplus_icon.png') no-repeat;float:right;width:30%; padding-left:48px; padding-right:0; padding-top:0px; padding-bottom:0}

#links{float:right;width:98px;}
.input_btn{background:url('/images1/bg_btn.png') no-repeat;width:65px;border:medium none;text-align:center;font-weight:bold; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:7px}
#links a{display:block;margin-bottom:2px}
#nav{border-left:1px solid #4575be; border-right:1px solid #4575be; border-bottom:1px solid #4575be; width:940px;height:28px;background:url('/images1/bg_menu.jpg') repeat-x ;clear:both;border-top:medium none; }
#nav ul li{z-index:100}
/*#nav ul li a{display:block;font-size:13px;padding:5px 20px;font-weight:bold;color:#FFF}
#nav ul li a{}*/



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {	margin:0;	padding:0;	list-style:	none;}
.sf-menu {	line-height:	1.0;}
.sf-menu ul {position:absolute;	top:-999em;	width:17em;z-index:99; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {	visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:	left;	position:relative;display:block}
.sf-menu a {display:block;	position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */	z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {	top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {	left:10em; /* match ul width */	top:0}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {	left:10em; /* match ul width */	top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left}
.sf-menu a {text-decoration:none;color:#fff}
.sf-menu .item a, .sf-menu .item a:visited  {font-size:13px;padding:6px 2em 10px 20px;font-weight:bold /* visited pseudo selector so IE6 applies text colour*/}
.sf-menu .item {background:url('/images1/bg_menu_sep.jpg') no-repeat right; }
.sf-menu li .sub li {background:#e1e0e0;border:1px solid #d1d1d1}
.sf-menu li .sub li li {	background:#e1e0e0;}
/*.sf-menu .item:hover, .sf-menu  .sfHover{background:url('/images1/bg_hover_menu.jpg') repeat-x;outline:0;color:#666}
.sf-menu .item:hover a{color:#666}*/
.sf-menu .item .sub a:focus, .sf-menu .item .sub a:hover, .sf-menu .item .sub a:active{} 
.sf-menu li .sub li{background:#e1e0e0}
.sf-menu .sub li a{padding:6px 20px 10px 5px !important ;margin-left:10px;color:#4c7cb5 !important}
.sf-menu li .sub li:hover{background:#4983c2}
.sf-menu li .sub li:hover a{color:#666 !important}
.sf-menu .sub li a{background:#e1e0e0}
.sf-menu .current{background:url('/images1/bg_hover_menu.jpg') repeat-x;outline:0;color:#666}
.sf-menu .current a{color:#666}
.sf-menu .current li.selectedTab{background:#4983c2}
.sf-menu .current li.selectedTab a{color:#666 !important}

/*** arrows **/
.sf-menu a.sf-with-ul {	padding-right: 	2em;	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {	position:absolute;display:block;right:.50em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;	overflow:hidden;background:url('/images1/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator { /* give all except IE6 the correct values */top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {	background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {	background:	url('/images1/shadow.png') no-repeat bottom right;	padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px}
.sf-shadow ul.sf-shadow-off {background: transparent;}


/**********************************/
#quoteSearch{width:240px;float:right}
#quoteSearch input{float:left}
#quoteSearch a{display:block;float:left;margin-top:3px;padding:4px 0 0 5px;font-weight:bold}
#quoteSearch .input_btn_small{color:#000;background:url('/images1/bg_small_btn.png') no-repeat;width:28px;height:21px;border:medium none;margin-left:-32px}
#quoteSearch .SmblSearchLink{color:#fff;text-decoration:underline}
#breadCrumbCon{clear:both;width:99.5%;background:#ebeaea;border:1px solid #d7d7d7;height:24px;margin:2px auto;padding-top:8px}
#breadCrumbCon p{float:left;font-size:11px;font-weight:bold; padding-right:5px; }
.breadCrumb{width:335px;padding-left:15px}
.calendar{height:25px;background:url('/images1/calendar_icon.png') no-repeat ; float:right; padding-left:35px; padding-right:5px;padding-top:2px;margin-top:-3px }
.connstatus{width:150px;float:right;}
/*************** TICKER ********************/
.liScroll-container { /* the outer div with the black border */border:1px solid #dae5f7;background:#fff;height:20px;margin:0 auto 5px auto;padding:5px 85px 0 5px;position: relative;overflow: hidden;width:847px}
.liScroll-container .liScroll-mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative;overflow: hidden;}
.liScroll-ticker { /* that's your list */position: relative;left: 847px;list-style-image: url('none');margin: 0;padding: 0; list-style-type:none;  }
.liScroll-ticker ul {list-style-image: url('none');margin: 0;padding: 0; list-style-type:none; }
.liScroll-ticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */
            list-style-image: url('none');margin: 0;padding: 0;background: #fff; list-style-type:none;  white-space: no-wrap;display:block;width:inherit;min-width:160px}
.liScroll-ticker a{white-space: nowrap;padding: 0;margin: 0 25px 0 0;text-decoration: none;font-weight:bold} 
.liScroll-ticker li a .reu{padding-right:5px;}
.liScroll-ticker li a span{float:left;display:block}
 .up span{color:#64b83d}
 .down span{color:#ff3333}
 .middel span{color:#676767}
 .up .priceAnimUp,  .up .priceAnimDown,  .up .priceAnimNoChange, 
 .down .priceAnimUp,  .down .priceAnimNoChange,  .down .priceAnimDown,
 .middel .priceAnimUp,  .middel .priceAnimNoChange, .middel .priceAnimDown{color:#fff}
 .up .arrow{background:url('/images1/up.png') no-repeat 0 3px;}
 .down .arrow{background:url('/images1/down.png') no-repeat 0 3px;}
 .middel .arrow{background:url('/images1/middel.png') no-repeat 0 3px;}
 .arrow{width:11px;height:15px}
.liScroll-ticker li a .reu{color:#4c7cb5}
.liScroll-ticker a:hover {text-decoration: underline;}
.liScroll-ticker span {margin: 0 2px 0 0;} 
.liScroll-container .liScroll-prev, .liScroll-container .liScroll-play, .liScroll-container .liScroll-next {background: #cee2fe url('/images1/sprites.gif') no-repeat 1px 5px;cursor: pointer;height: 25px; position: absolute; text-align: left;text-indent: -9999px;top: 0px }
.liScroll-container .liScroll-prev {right: 34px;width: 18px;}
.liScroll-container .liScroll-play {background-position: -28px -21px;right: 21px;width: 13px; }
.liScroll-playing .liScroll-play { background-position: -29px 4px; }
.liScroll-container .liScroll-next {background-position: -105px 5px;right: 0px;width: 21px; }
.liScroll-prev, .liScroll-play, .liScroll-next{background-color:#cee2fe}

/*********************** CONTENT **************/

#bodyContent{width:916px;min-height:600px;margin:10px auto;padding:0 12px}
.clipMargin{margin-bottom:20px}
#leftCol{width:310px;float:left}
#rightCol{width:585px;float:right}
#bodyContent:after{height:0;clear:both}

.clipContentBorder{width:98%;border:1px solid #c7c7c7;padding:5px;}
.clipContentBorder h2, .clipContentPlain h2, .clipBorderWzBackground h2, .clipgreywzborder h2{color:#d21228;font-size:12px;font-weight:bold}
.marketSummary h2, .marketWatch h2, .todayInves h2{margin-bottom:10px}





.clipContentBorder .tabsContent{}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */.tabs-hide {display: none;    }}
/* Hide useless elements in print layouts... */
@media print {.tabs-nav {display: none;}}
.tabs-nav {list-style: none;margin: 0;padding: 0 0 0 4px;}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */display: block;clear: both;content: ""}
.tabs-nav li {float: left;margin: 0 0 0 1px;}
.tabs-nav a, .tabs-nav a span {display: block;background:url('/images1/bg_tabs.jpg') repeat-x; ; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:0}
.tabs-nav a {position: relative;top: 1px;z-index: 2;padding-left: 0;color: #27537a;font-size: 12px;font-weight: bold; line-height: 1.2;text-align: center;text-decoration: none;white-space: nowrap; /* required in IE 6 */ }
.tabs-nav .tabs-selected a {    color: #000;}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {outline: 0; /* prevent dotted border in Firefox */x;background:#fff;border:1px solid #999;border-bottom:none;padding-right:6px;}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {}
.tabs-nav a span {  height: 15px;min-height: 15px;padding-top: 5px;padding-right: 0;}
*>.tabs-nav a span {width: auto;height: auto;}
.tabs-nav .tabs-selected a span {   padding-top: 5px;height:16px}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {background:#fff}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */    cursor: text;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {cursor: pointer;}
.tabs-nav .tabs-disabled {opacity: .4;}
.tabs-container {border-top: 1px solid #97a5b0;padding: 1em 3px;background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.tabs-loading em { background: url('loading.gif') no-repeat 0 50%; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0}

.accordion, .accordion2{width:100%}
.accordion .accordParnt .accordItm, .accordion2 .accordParnt .accordItm{list-style:none}
.accordion .accordParnt .accordItm .accord, .accordion2 .accordParnt .accordItm .accord2{display:block;width:98.5%;background:url('/images1/bg_accor.jpg') repeat-x ;height:19px;border:1px solid #d6d6d6;padding:3px;font-weight:bold}
.accordion .accordParnt .accordItm .accord:hover, .accordion2 .accordParnt .accordItm .accord2:hover{text-decoration:none}
.accordion .accordParnt .accordItm .accord span, .accordion2 .accordParnt .accordItm .accord2 span{display:inline-block;width:20px;height:14px}
.accordion .accordParnt .accordItm .accord .sDown, .accordion2 .accordParnt .accordItm .accord2 .sDown{background:url('/images1/accor_icon_down.jpg') no-repeat 3px 1px;}
.accordion .accordParnt .accordItm .accord .sUp, .accordion2 .accordParnt .accordItm .accord2 .sUp{background:url('/images1/accor_icon_right.jpg') no-repeat 3px 1px;}
.accordion .accordParnt .accordItm .accord strong.deatils, .accordion2 .accordParnt .accordItm .accord2 strong.deatils{display:inline;float:right;width:180px}
.accordion .accordParnt .accordItm .accord strong.deatils em, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em{font-style:normal}
.accordion .accordParnt .accordItm .accord strong.deatils em.p, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.p{color:#333;padding-left:13px}
.accordion .accordParnt .accordItm .accord strong.deatils em.up, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.up{background:url('/images1/up.png') no-repeat 0 3px; }
.accordion .accordParnt .accordItm .accord strong.deatils em.down, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.down{background:url('/images1/down.png') no-repeat 0 3px; }
.accordion .accordParnt .accordItm .accord strong.deatils em.middle, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.middle{background:url('/images1/middel.png') no-repeat 0 3px; }
.red{color:#ff3333}
.green{color:#64b83d}
.grey{color:#676767}
.blue{color:#246cca}
.accorSelected{ display:none;}
.accordBody{background:url('/images1/bg_accord_cont.jpg') repeat-x;padding:5px}
.accordBody img{border:1px solid #CCC}
.accordBody .time{color:#939393;margin-bottom:5px}
.inner_ver_tabs{float:right;margin:16px 25px 0 0;font-size:12px}
.inner_ver_tabs p{text-align:center;margin:3px 0;width:50px;height:20px;text-align:center;padding:3px 0 0 0}
.inner_ver_tabs p a{cursor:pointer}
.inner_ver_tabs .selected{background:url('/images1/bg_selected_tab.png') no-repeat 0 0;}

.wideTabs .inner_ver_tabs p{width:120px;}
.wideTabs .inner_ver_tabs .selected{background:url('/images1/bg_selected_tab2.jpg') no-repeat -3px 0;}

.clipContentPlain{padding:5px 5px 0 5px;width:100%;font-size:12px}
.clipContentPlain .summry{padding:10px}
.clipContentPlain em{margin-left:5px}
.clipContentPlain .bell{margin-bottom:5px}
.clipContentPlain .time{color:#8e8d8d}
.clipContentPlain h4, .clipContentPlain span{font-size:11px}
.clipContentPlain h4{float:left;margin:0 10px 0 0;width:120px}
.clipContentPlain .inner_ver_tabs, .clipWhiteShowBox .inner_ver_tabs, .trades .style2{float:none;text-align:center;width:100%;margin:5px auto;clear:both}



.subClip{float:none;clear:both;width:99%}
.subClip .heading{background:url('/images1/bg_news_sep_shadow.png') repeat-x;height:28px;padding:7px}
.subClip h3{font-size:12px}
.subClip strong{font-size:11px;margin-left:10px}
.subClip p{border-bottom:1px solid #ededed}
.subClip td{border-bottom:1px solid #ededed}         
.clipContentPlain .subClip p{padding:5px 0 5px 10px; text-align:justify;}
.clear{clear:both;height:0;float:none}

.clipBorderWzBackground{border:1px solid #bababa;background:url('/images1/bg_investors.jpg') repeat-x top; ; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px}
.clipBorderWzBackground .leftCon, .leftCon{width:49%;float:left;text-align:center}
.clipBorderWzBackground .rightCon, .rightCon{width:49%;float:right;text-align:center}
.clipBorderWzBackground .inner_ver_tabs p, .clipContentPlain .inner_ver_tabs p, .clipWhiteShowBox .inner_ver_tabs p, .trades .inner_ver_tabs p{border:none;display:block;float:left}
.clipBorderWzBackground .inner_ver_tabs, .trades .clipContentPlain .inner_ver_tabs{float:none;text-align:center;width:53%;margin:5px auto}


.tableWzLeftTopHeading table{float:none;width:100%;clear:both}
table{margin:10px auto 0px;border-spacing:inherit;font-size:11px;}

table .colHeading td{background:url('/images1/bg_table_head.jpg') repeat-x #dde6f7;border:1px solid #9eb5d5;font-weight:bold;text-align:center;}
table .cellHeading{background:url('/images1/bg_table_cell_heading.jpg') repeat-x;font-weight:bold;border:1px solid #9eb5d5;text-align:center}
table .row td{background:url('/images1/bg_table_td.jpg') repeat-x;}
table .row td.sname{text-align:left}
table .rowu td{background:url('/images1/bg_table_td_up.jpg') repeat-x;}
table .rowd td{background:url('/images1/bg_table_td_dn.jpg') repeat-x;}
table .lastRow td{border-bottom:1px solid #9eb5d5;margin-bottom:2px}
.shadowBckground{}
.tableWzLeftTopHeading .subClip p{padding:0}

.stockPerformance table td, .sectorRanking table td{padding:5px 3px;}
.stockPerformance table .row td, .sectorRanking table .row td, .trades table .row td{}
.stockPerformance h2{float:left;margin-top:5px}
.stockPerformance .clipheading{margin:0 25px 10px 0}

.clipWhiteShowBox{width:326px;font-size:12px;margin:0px -2px 10px;background:url('/images1/bg_border_mid_shadow.jpg') repeat-y;color:#aeaeae}
.clipWhiteShowBox h2{width:326px;margin:0px 10px 15px 12px;color:#d21228;font-size:12px;font-weight:bold}
.topborder{background:url('/images1/bg_border_top_shadow.jpg') no-repeat;display:block;width:100%;height:20px;width:326px}
.btmborder{background:url('/images1/bg_border_bottom_shadow.jpg') no-repeat;display:block;width:100%;height:20px;width:326px}
.clipWhiteShowBox .inner_ver_tabs{width:93%}
.clipWhiteShowBox .headinglbl, .charts{margin:10px 10px 10px 15px;font-weight:bold}
.charts{font-size:12px}.charts span{display:block;float:left}
.charts p{text-align:right;padding-right:70px}
.charts .total{border-top:1px solid #999;width:97%;padding-top:5px}
.chart_desc{padding:1px 0 10px 0;clear:both;float:none}

.charts .lbl{display:block;width:90px}.charts .num{width:35px;text-align:right}
.charts .chartbg{width:122px;margin-left:10px;height:15px;background:#e7e7e7;border:1px solid #d9d8d8}
.charts .chartbg em{display:block;position:absolute;width:100px;height:11px;z-index:10;text-align:center;color:#FFF;font-size:xx-small;padding-top:2px}
.charts .chartbg em.advance{background:url('/images1/bg_green.jpg') repeat-x;border:1px solid #49b41e}
.charts .chartbg em.declining{background:url('/images1/bg_red.jpg') repeat-x;border:1px solid #b31a1a}
.charts .chartbg em.unchanged{background:url('/images1/bg_blue.jpg') repeat-x;border:1px solid #1059b8}

.sectorRanking{clear:both;}
.sectorRanking table{width:99%}

.clipgreywzborder{width:100%;border-bottom:1px solid #e5e5e5;background:#ededed;padding:5px}
.clipgreywzborder p{clear:both;float:none}
.clipgreywzborder p.lbl{font-weight:bold;margin-top:10px}
.clipgreywzborder p span{display:block;float:left;width:100px;text-align:center;margin:2px 0}


.trades{padding:0 0 10px 0;width:auto;}
.trades .style2{float:none;width:100%}
.trades .style2{margin-top:0}
.trades .style2 p{width:49%;background:#e7e7e7;font-weight:bold;margin-top:0;/*background:url(/images1/bg_tab_st2.jpg) repeat-x bottom*/}
.trades .style2 p.selected{background:#fff;border:none}
.trades .style2 p.selected a{color:#d21228}
.trades .clipContentPlain{width:auto}
.trades .clipContentPlain .accordion .accordParnt .accordItm .accord{width:auto}
.trades .clipContentPlain .inner_ver_tabs{width:54%;margin-top:25px}

/*********************** drop down list ****************/

.dropHolder{float:right;width:89px}
.dropdown-menu {clear:left;width:89px;font-size:12px;color:#ddd;cursor:pointer;z-index:1000px;color:#000;position:absolute; z-index:1000}
#login .dropdown-menu{font-size:10px}
.dropdown-menu a:link, .dropdown-menu a:visited { color:#242424; display:block ; text-decoration:none; margin:0; float:none}
.dropdown-menu a:hover {text-decoration:underline}
.menu-first {background:url('/images1/bg_dropmenu.png') no-repeat;height:20px;font-weight:bold;color:#666; padding-left:10px; padding-right:15px; padding-top:5px; padding-bottom:1px}
.down-list {margin-left:1px;padding-bottom:5px;margin-left:5px;border:1px solid #666}
.down-list a{ font-size:12px;cursor:pointer; float:none;font:11px tahoma;font-weight:bold;display:block;padding:5px}
ul.down-list{ background:#e7e7e7; width:145px; z-index:1000000;border:1px solid #bcbcbc}
.down-list li {border-bottom:1px solid #fff;list-style:none; cursor:default}
.down-list .lastLI {border-bottom:none}
#login .dropHolder {margin:2px 5px 0 0}
#login .dropdown-menu{width:100px}
.divLoading{width:100%;height:150px;background:url('/images1/loading.gif') no-repeat center;text-align:center;vertical-align:middle}
	.ui-autocomplete {
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}






/**************new classes by HR******************/
.hideme {display:none;}
.input_btn_small_me {color:#000;background:url('/images1/bg_small_btn.png') no-repeat;width:28px;height:21px;border:medium none;margin-left:-32px}
.input_btn_small_me {display:block;float:left;margin-top:3px;padding:4px 0 0 5px;font-weight:bold}
.highlight{background: #ACCDFB;}
.marginTable td{padding:5px 5px 3px 3px}
#footer{width:916px;margin:10px auto;text-align:center;}
.leftContent {width:550px;float:left; display:block;}
.rightContent {width:320px;float:right;padding-right:10px; display:block;}
.bidAskTradeTable table td, .sectorRanking table td{padding:2px 1px}
.orderTables {float:left;} .orderTables td {padding:4px 2px 0px 2px;}
.relatedLinks .heading{background:url('/images1/bg_news_sep_shadow.png') repeat-x;height:28px;padding:7px}
/*************************** portofolio *****************/
.portofolio .shareposition{background:url('/images1/tdHeadBg.jpg') repeat-x}
.portofolio .shareposition .heading{}
.portofolio .shareposition .heading span{float:left;margin:6px}
.portofolio .shareposition .heading .titleHead{width:23%;font-weight:bold ;color:#686867m;font-size:12px}
.portofolio .shareposition .heading .activityLink{}
.portofolio .shareposition .heading ul{width:29%;float:right}
.portofolio .shareposition .heading ul li{width:40px;float:left;display:block;height:22px;margin-top:5px}
.portofolio .shareposition .heading ul li a{display:block;width:100%;height:22px}
.portofolio .shareposition .heading ul .noAlerts{background:url('/images1/noalerts.jpg') no-repeat;width:70px}
.portofolio .shareposition .heading ul .newAlerts{background:url('/images1/newalerts.jpg') no-repeat;width:70px}
.portofolio .shareposition .heading ul .newAlerts span{margin:0;padding:6px 0 0 4px;float:left;display:block}
.portofolio .shareposition .heading ul .newAlerts a{width:35px;float:left}
.portofolio .shareposition .heading ul .noAlerts span{margin:0;padding:6px 0 0 4px;float:left;display:block}
.portofolio .shareposition .heading ul .noAlerts a{width:35px;float:left}
.portofolio .shareposition .heading ul .refresh{background:url('/images1/refresh.jpg') no-repeat;}
.portofolio .shareposition .heading ul .print{background:url('/images1/print.jpg') no-repeat;}
.portofolio .shareposition .heading ul .orderSte{background:url('/images1/orders.jpg') no-repeat;width:80px !important;height:17px !important; padding-left:30px; padding-right:0; padding-top:5px; padding-bottom:0}
table.accAcount{clear:both}
.accAccountDiv{clear:both}
.accAcount{margin-top:5px}
.accAcountInfo{float:left;width:65%}
.accAcountInfo .accDetails{font-weight:bold;font-size:12px}
.VirtualProto{float:right;width:32%}
.marginDiv{display:Block;margin-top:15px;font-size:12px}
.marginDiv span{float:left;font-weight:bold}
/********/
.marginDiv div{float:left;padding:0 10px;color:#999;font-weight:bold}
.marginDiv #mcallt{padding:5px;margin-top:-5px}
.marginDiv .emer{color:#fff;border:2px solid #C00;background:#c00}
.marginDiv .norm{color:#999;border:2px solid #999}
.marginDiv .mant{color:#C00;border:2px solid #C00}

/**********/

.fundsBalance{clear:both;background:url('/images1/fundsbalanceBg.jpg') repeat-x;margin-top:3px;padding:10px}
.fundsBalanceTable{width:95%;border:1px solid #e0dede;border-spacing:2px}
.fundsBalanceTable td{padding:5px;width:13%}
.fundsBalanceTable .tdFundsLabel{background:#fff;padding-right:20px;text-align:right}
.fundsBalanceTable .tdFundsValue{background:#e4e4e4;margin-right:5px}
.sameDayPower{width:95%;margin:10px auto ; font-weight:bold;}
.sameDayPower span{width:47%;padding:0 5px;display:block;float:left;text-align:center}


.intraDayTitle{color:#d80808;text-align:center;font-weight:bold;font-size:14px}
.intradayPositionTable{width:100%;border-spacing:1px}
.intradayPositionTable .trNormalPHead{font-weight:bold}
.intraDayPositionData{background:url('/images1/intraPosition_bg.jpg') top repeat-x #e9e9ea; margin:10px 0 30px 0}

.normalPositionTitle{color:#d80808;text-align:center;font-weight:bold;font-size:14px}
.normalPositionData{background:url('/images1/normalPosition_bg.jpg') top repeat-x #dce6f6 ;margin-top:10px}
.currencyNormalPosition{padding:5px 0px 0px 5px}
.currencyNormalPosition .currencyName{float:left;color:#333333;font-size:12px;font-weight:bold}
.currencyNormalPosition .currencyValues{float:right}
.currencyNormalPosition .currencyValues span{background:url('/images1/c_sep.jpg') no-repeat right;height:19px;display:block;float:left;padding:2px 14px 2px 10px;font-weight:bold}
.currencyNormalPosition .currencyValues span.lastOne{background:none}
.normalPositionTable{width:100%;border-spacing:1px}
.normalPositionTable .trNormalPHead, .intradayPositionTable .trNormalPHead{font-weight:bold}
.normalPositionTable .trNormalPHead td, .intradayPositionTable .trNormalPHead td{text-align:center;padding-bottom:5px}
.normalPositionTable td, .intradayPositionTable td{padding:2px 3px 2px 2px }
.normalPositionTable td img, .intradayPositionTable td img{margin:0px; padding:0px}
.normalPositionTable .tdNoValue, .intradayPositionTable .tdNoValue{padding:0 !important}
.normalPositionTable .reutCode, .intradayPositionTable .reutCode{font-weight:bold}
.normalPositionTable .totalTableValues td, .intradayPositionTable .totalTableValues td{padding:5px;font-weight:bold}
.normalPositionTable .totalTableValues .tdTotalNoBg{background:#dce6f6}
.intradayPositionTable .totalTableValues .tdTotalNoBg{background:#e9e9ea}

.alrtDiv{clear:both;width:65%;height:40px;padding-top:25px;border:3px double #ff0000;background:url('/images1/alert2.jpg') left no-repeat #d8d5d5;margin:25px auto;vertical-align:middle}
.alrtDiv .alertMsg{font-weight:bold;color:#ff0000;margin-left:75px;font-size:12px;display:block}


.donatesTable{border-top:1px solid #bebebc;width:95%;padding:8px 5px 5px 10px ;color:#aaa;margin-top:10px}
.donatesTable ul{padding-left:10px}
.donatesTable ul li{padding:3px 0 }
.donatesTable ul li strong {width:150px}



/************************/
.portofolio table, .normalPositionData table{border-collapse:separate}
.portofolio table, .normalPositionData table td{border-collapse:separate}
#leftColv2{width:475px;float:left}
#rightColv2{width:425px;float:right}
.TechnicalList{border-bottom:1px dashed #CCC;padding-bottom:15px}
.TechnicalList .subClip p{font-size:11px}
.TechnicalList .bell{padding:5px 5px 5px 10px;border:1px solid #e8e8e8;background:#ededed;margin-bottom:20px}
.TechnicalList .bell h4{width:auto}
.TechnicalList .moreRep{padding:5px 0 0 5px;float:right}
.graphDetails{margin:10px 0 20px 0}
.comments{float:left;width:99%}
.numbers{width:50%;float:right;margin:3px;padding:0 0 5px 5px}
.numbers table{padding:0;margin:0;width:96%;border:1px solid #9EB5D5;float:right}
.numbers table td{padding:3px;font-weight:normal}
.comments .ext{width:35%}


.numbers2{width:100%;padding:5px 0 5px 0px;text-align:center}
.numbers2 table{padding:0;margin:0;width:99%;border:1px solid #9EB5D5}
.numbers2 table td{padding:3px;font-weight:normal}

#leftColv3{width:49%;float:left}
#rightColv3{width:49%;float:right}
.TechnicalList h2 em {color:#aaa}
.treport table{width:100%}
.treport table td{padding:5px;}
.treport table .colHeading td{background-color:#dde6f7}
/*.treport table .colHeading td{padding-bottom:0px}*/
#leftColv4{width:49%;float:left}
#rightColv4{width:49%;float:right}
.printIcon{width:150px;margin:0 auto;text-align:center;border:1px solid #ccc;padding:10px 0px 10px 10px;background:#eee}
.printIcon a{display:block;background:url('../images1/printer_icon.png') no-repeat left;padding:10px;font-weight:bold} 

.marketWatch .newsItemList h3{font-size:11px}
.marketWatch .newsItemList p{margin:0px 10px 0px -10px;border-bottom:none }
.marketWatch .newsItemList{border-bottom:1px solid #EDEDED;padding:3px 0 0 }
.reportClips .leftCon{width:47%;float:left}
.reportClips .rightCon{width:47%;float:right}
.reportClips div{border:1px solid #E5E5E5; padding:5px ; text-align:justify;background:#EDEDED}
.reportClips h3{color:#D21228;text-align:left}
.archiveHolder{background:#EDEDED;border:1px solid #E5E5E5; margin:5px; padding-bottom:10px}
.inputsholder strong{float:left;padding-top:8px;margin-right:10px}
.searchNotive{float:right; width:250px;margin:2px 23px 0 0;font-size:10px;border:1px solid #d6d804 !important;background:#faffcc}
.formArchLangOptions{padding:10px 0 5px 50px}
.serachinput{width:400px;height:28px;border:1px solid #E5E5E5;margin:0;padding:0;float:left}
.btnArchSearch{background:url('../images1/btn_bg.jpg') repeat-x 0 1px ;border:1px solid #bad5f1;height:30px;padding:0;width:70px;color:#4C7CB5;font-weight:bold; margin-left:-4px; margin-right:0; margin-top:0; margin-bottom:0}
.InvestorsType{padding-bottom:15px}
.searchOptions{width:95%;margin:10px auto;display:none}
.searchOptions .divp{border-bottom:1px solid #E5E5E5;padding-top:0px;padding-bottom:8px}
.searchOptions ul{}
.searchOptions ul li{list-style:none}
.searchOptions strong{width:125px;display:block;float:left}
.searchOptions span{margin-left:10px; width:80% ; float:right}
.searchOptions span em{width:200px;float:left;display:block;vertical-align:middle}
.searchOptions span em img{margin:2px 0 0 5px }
.searchOptions span input{}
.adSeLink{margin:5px 0 5px 454px;float:left}.adSeLink a{padding-left:20px;cursor:pointer}.plus{background:url('../images1/adv_search_plus.gif') no-repeat; }.minus{background:url('../images1/adv_search_minus.gif') no-repeat; }
td.newsDetails{padding:10px;background:#EDEDED;border:1px solid #E5E5E5;font-size:14px}
td.newsHeadline{font-weight:bold;font-size:14px;padding:10px 0 5px 0}
td.newsDate{padding:0px 0 25px 0}
.allNews{margin-top:30px;padding-top:10px;border-top:1px solid #E5E5E5}
.allNews ul{padding:0 25px 0 10px}
.allNews ul li{padding:5px 0;border-bottom:1px dashed #E5E5E5;list-style-type: none;}
.rightSep{border-right:1px solid #E5E5E5}
.donatesTable h4{font-size:11px}
#footer{border:1px solid #E5E5E5;margin:20px auto 5px auto;padding:10px 5px;background:#EDEDED}
/*.InvestorsType table .colHeading td{background:#dde6f7}*/

/************ homepage **********************/
select {font-family: Tahoma, Geneva, sans-serif; font-size:12; font-weight:normal; }
INPUT {font-family: Tahoma, Geneva, sans-serif; font-weight:normal; }
.greyBox{width:98%;padding:5px;border:1px solid #E5E5E5;background:#EDEDED;margin-bottom:15px;-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px#ccc;box-shadow: 0 0 5px #ccc;}
.userAccInfo{width:35%;float:right}
.dropdown{float:left;width:36%;margin:15px 0 0 20px}
.userAccInfo p{padding:2px 0;font-weight:bold}.userAccInfo p span{color:#999}
.stockWatch h2{width:50%;float:left}
.stockWatch table, .hpTechRep table{width:99%;clear:both}
.stockWatch table tr.heading, .hpTechRep table tr.heading{font-weight:bold}
.stockWatch table tr.heading td, .stockWatch table tr.lastRow td, .hpTechRep table tr.heading td, .hpTechRep table tr.lastRow td{border-bottom:none;padding-bottom:5px}
.stockWatch table td, .hpTechRep table td{border-bottom:1px solid #E5E5E5;padding:2px}
.stockWatch #quoteSearch{width:150px}
.divcon .greyBox{height:86px}
.hpTechRep{margin-bottom:15px}
.techRepAd .art{background:url('/images1/mag.png') no-repeat right bottom;position:absolute;width:275px;height:92px;z-index:50}
.techRepAd{}.techRepAd p{width:65%}.techRepAd span{display:block;text-align:center;margin-top:10px}
.techRepAd h2{color:#1576df;font-size:17px}
.searchAd #quoteSearch{width:150px;float:none}.searchAd p{font-weight:bold;margin-bottom:10px}
.searchlinks{text-align:center;padding:5px 0;margin-top:8px}.searchlinks a{padding:0 5px}
.leftColv4{width:48%;float:left}
.rightColv4{width:48%;float:right;margin-right:7px}
.afterlogin{display:block}
.beforelogin{display:block}
.worldPrize{width:98%;padding:5px;border:1px solid #E5E5E5;background:url('/images1/worldprize.jpg') no-repeat center #fff;height:75px;margin-bottom:15px;-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px#ccc;box-shadow: 0 0 5px #ccc;}
.worldPrize a{display:block;width:100%;height:60px}
.streamerAd{}.streamerAd .art{background:url('/images1/streamer.png') no-repeat right bottom;position:absolute;width:281px;height:92px;z-index:50}.streamerAd a{display:block;width:100%;height:92px}
.sigmaPlus{}.sigmaPlus .art{background:url('/images1/sigmaplus.png') no-repeat right bottom;position:absolute;width:281px;height:89px;z-index:50}.sigmaPlus a{display:block;width:100%;height:89px}
.openAcc{width:100%;background:url('/images1/openAcc.jpg') no-repeat center;height:70px;margin-bottom:15px}

/******************** MSG BOX There ********/

.msgBox{margin:0  0 10px 0}
.msgBoxHeader{border:1px solid #cecece;padding:7px 3px}
.msgBoxHeader .tit{color:#ea1313;font-weight:bold;float:left;background:url('/images1/msgImg.jpg') no-repeat;padding-left:20px;height:20px}
.msgBoxHeader a{text-align:right;display:block}
.msgBoxContentCon{padding:0px 2px;background:#e9e9e9}
.msgBoxContent{width:99%;margin:0 auto;border:1px solid #cecece;border-top:none}
.msgBoxContent p{padding:5px 2px 5px 3px;background:#dadada;margin:1px 0}
.msgBoxContent p:hover{background:none}
.msgBoxContent p a{display:block;width:100%;color:#757575}
.readMoreMsg{display:block;width:100%;padding:5px 0;text-align:center}

/******************* Form Items ***************/

.divForm{}.tableInForm{}
.divForm input{border:1px solid #dadada}
.divForm table td{padding:2px}
.divForm table td img{margin:2px 0 0 2px}
.divForm .formButton{background:url('/images1/btn_bg.jpg') repeat-x;border:1px solid #d5d5d5;padding:3px 5px;color:#4C7CB5;font-weight:bold}


/********** customer balance **************/

.custBalance .divForm p{padding:5px 0}
.custBalance .balanceChart{width:80%;margin:10px auto}
.balanceChart ul li{list-style:none;height:28px; margin-bottom:1px;}
.balanceChart ul li .grPix{width:46px;display:block;height:100%;float:left}
.balanceChart ul li.m .grPix{background:#fff}
.balanceChart ul li.startLine .grPix{background:url('/images1/start_l.jpg') right no-repeat #fff}
.balanceChart ul li.midLine .grPix{background:url('/images1/mid_l.jpg') right no-repeat #fff}
.balanceChart ul li.endLine .grPix{background:url('/images1/end_l.jpg') right no-repeat #fff}
/*.balanceChart ul li.noline .grPix{background:url('/images1/end_l.jpg') right no-repeat #fff}*/
.balanceChart ul li.m{background:url('/images1/bg_headingrow.jpg') repeat-x;color:#575757;font-size:12px}
.balanceChart ul li.b .minus{background:url('/images1/minus_row.jpg') 8px no-repeat}
.balanceChart ul li.b .plus{background:url('/images1/plus_row.jpg') 8px no-repeat}
.balanceChart ul li.b{background:#e2e2e2;border-bottom:1px solid #fff}
.balanceChart ul li p{height:15px;padding:7px 0;margin:0}
.balanceChart ul li p .noValue{float:right;padding-right:10px;font-size:13px;font-weight:bold}
.balanceChart ul li p strong{display:inline;float:left}
.balanceChart ul li.m p strong{padding-left:10px}
.balanceChart ul li.b p strong{padding-left:40px}
.balanceChart ul li.m .grPix{}
.balanceChart ul li.b strong{font-weight:normal}
.balanceChart .donatesTable{width:100%} 




/************* contactus ******************/


.contactUs {font-size:12px;background:url('/images1/intraPosition_bg.jpg') repeat-x;border-top:none}
.contactUs h2{margin:5px 0 25px 0}
.hqBranch{padding-bottom:23px;border-bottom:1px dashed #E5E5E5}
.mans, .zaq, .helio{float:left;margin-left:80px}


/******** QUOTES TABLE *********/

.Stquotes td{border:1px solid #c7c7c7}
.Stquotes td.cellHeading{background:#e7e7e7;text-align:left}
/*********** quickQuote ******/

#quickQuote{background:#ffffff;border:1px solid #E9E9E9}
#quickQuote table{margin-top:0}
#quoteCont{width:100%}
#QuotesTab td{border-bottom:1px solid #CCC}
#quickQuote #quoteSearch{padding-left:5px}
.bidAskTradeTable .colHeading td{background:#E9E9E9;border:1px solid #fff}
#quickQuote .bidAskTradeTable table td{background:none;border-bottom:1px solid #CCCCCC }

/************ alrt icon on homepage *******************/

.alertIcon ul li{list-style:none;float:left}
.alertIcon{width:100px;float:left;margin-top:15px;padding-top:2px}
.alertIcon span{display:inline;float:left;width:10px}
.alertIcon li a{width:20px;height:20px;display:block;float:left}
.alertIcon li span{margin-top:2px}
.alertIcon li.newAlerts a{background:url('/images1/newalerts_hp.png') no-repeat}
.alertIcon li.noAlerts a{background:url('/images1/noalerts_hp.png') no-repeat}
.streamindata{float:right;margin-top:2px}

/*******************************/

.TechnicalList .chartSpeak{background:#1f5d96;padding:17px 20px 23px 5px}
.TechnicalList .chartSpeak a{color:#fff;}
.TechnicalList .chartSpeak a h4{background:url('/Images1/chartsp.png') no-repeat;padding:7px 0px 15px 35px;margin-top:-5px}

.TechnicalList .multReport {background:url('/images1/ar_en.jpg') no-repeat; width:326px; height:109px;margin-bottom:10px;}
/************/

/********** Demo account page ***/
#demoAccClip{border:1px solid #c1c2c2;width:100%;background:url('/images1/de_banner.jpg') no-repeat top #e3e3e3;border-top:none}
#demoAccClip form{padding:150px 40px 0 40px}
#demoAccClip form span{width:200px;display:block;float:left;height:35px}
#demoAccClip form .text{padding-top:5px;font-size:12px;font-weight:600;color:#484848}
#demoAccClip form input{height:22px;border:1px solid #c1c2c2; width:190px;}
#demoAccClip .demoFormSep{width:95%;margin:5px auto;background-color:#fff;height:1px;border:none}

#demoAccClip .msg{margin:15px 5px;font-weight:bold;font-size:12px;line-height:17px}
#demoAccClip .msg em{color:#f73d3d;font-size:12px;text-decoration:underline}
#demoAccClip .demoAccSubmit{display:block;background:url('/images1/de_btn.jpg') no-repeat ; width:296px;height:61px;margin:15px auto}
#demoAccClip form select{width:190px;height:25px;border:1px solid #c1c2c2}
#demoAccClip .captcha {height:50px}
#demoAccClip .ui-datepicker-trigger {cursor:pointer; margin:6px 0 2px 4px;}

#PopupContainer   
{   
    position:absolute;   
    left:0;   
    top:0;   
    display:none;   
    z-index: 20000;   
}   
  
.PopupPopup   
{   
}  
 
#PopupContent   
{   
    background-color: #FFF;   
    min-width: 175px;   
    min-height: 50px;   
}   
  
.PopupPopup .PopupImage   
{   
    margin: 5px;   
    margin-right: 15px;   
}   
  
.PopupPopup .corner    
{   
    width: 19px;   
    height: 15px;   
}   
       
.PopupPopup .topLeft    
{   
    background: url('/images1/popup/balloon_topLeft.png') no-repeat;   
}   
       
.PopupPopup .bottomLeft    
{   
    background: url('/images1/popup/balloon_bottomLeft.png') no-repeat;   
}   
       
.PopupPopup .left    
{   
    background: url('/images1/popup/balloon_left.png') repeat-y;   
}   
       
.PopupPopup .right    
{   
    background: url('/images1/popup/balloon_right.png') repeat-y;   
}   
       
.PopupPopup .topRight    
{   
    background: url('/images1/popup/balloon_topRight.png') no-repeat;   
}   
       
.PopupPopup .bottomRight    
{   
    background: url('/images1/popup/balloon_bottomRight.png') no-repeat;   
}   
       
.PopupPopup .top    
{   
    background: url('/images1/popup/balloon_top.png') repeat-x;   
}   
       
.PopupPopup .bottom    
{   
    background: url('/images1/popup/balloon_bottom.png') repeat-x;   
    text-align: center   
}
.printIcon2{width:150px;margin-left:auto;text-align:center;border:1px  #ccc;padding:0px 0px 0px 0px}
.printIcon2 a{display:block;background:url('../images1/printer_icon.png') no-repeat left;padding:10px;font-weight:bold} 
.
/********youtubeDiv*********/
.youtubeDiv{margin-bottom:10px}
.youtubeDiv p{font-weight:bold;font-size:small;color:#d21228}
.youtubeDiv a{font-weight:bold}
.youtubeDiv div{float:left;width:46%;margin-top:5px;margin-left:20px}
.youtubeDiv div img{margin-bottom:5px}
/********youtubeDiv*********/


/****************** keyboard **** */
#leftColv3{width:577px;float:left}
#rightColv3{width:335px;float:right}
.keyboard{width:567px}
.loginKey{padding:10px 0 0 0}
.loginkey h2{font-size:small}
.line1 {width: 566px;height: 0px;border-bottom: 1px solid #b3b3af;-webkit-transform:
        translateY(0px)
        translateX(0px)
        rotate(0deg); 
    position: relative;	z-index:1;top:10px }
.loginKey p{position:relative;z-index:2;width:auto;display:inline;background:#ededed;margin-left:10px;padding:2px 10px;font-size:small;color:#747474;font-weight:bold}
.loginKey p strong{font-weight:900;text-decoration:none;color:#333;font-size:medium}
.loginKey p strong sub{vertical-align:super;font-size:x-small;text-decoration:none !important}
.loginBody{border:1px solid #b3b3af;border-top:none;margin-top:-10px;padding:30px 0 0 20px}
.loginBody .secret{width:150px;height:22px;border:1px solid #c8c8c8}
.loginBody .hint{color:#d30000;vertical-align:baseline;font-style:italic;padding-top:10px}
.keyboardLayout{margin-top:10px}
.secretloginBtn{width:100px;height:33px;display:block;margin:30px auto;background:url(/images1/loginbtn.jpg) no-repeat 0 0;padding:0}
.loginKeyRight .subClip{padding-top:20px}
.openLiveAcc{display:block;width:166px;height:46px;display:block;margin:5px auto;background:url(/images1/openliveacc.jpg) no-repeat 0 0}
.openDemoAcc{display:block;width:166px;height:46px;display:block;margin:5px auto;background:url(/images1/openDemoacc.jpg) no-repeat 0 0}