body * { -webkit-font-smoothing: subpixel-antialiased !important; }

body { user-select: none;
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
}

A       { font-family: verdana, arial; text-decoration: none }
A:hover { color: gold }

A.menu  { font-size: 13px; color: black; text-decoration: none }
A.menu:hover { color: maroon }

A.tab   { color: white; text-decoration: none; width: 110px; padding-left: 5px }

A.a_mover { font: bold 14px arial; color: black }
A.a_mover:hover { color: #265200 }

A.arahan { font-size: 14px; border: lightblue 1px solid; padding: 3px; color: black; background-color: #e9e9e9 }
A.arahan:hover { color: blue }

A#moreNews_cmd:hover { color: navy }

#menu_div	 { color: white; width: 76px; height: 26px; padding-top: 8px; }
.top_menu        { background: URL("images/bg_bar.jpg") repeat-x; vertical-align: top; padding-top: 5px }
.top_menu:hover  { background: url("images/bg_hover.jpg") repeat-x }

a.submenu       { font: bold 14px arial, Verdana, "Trebuchet MS"; color: black; letter-spacing: 0px; }
a.submenu:hover { color: maroon }
.submenu2       { font: bold 13px "Trebuchet MS"; color: blue }

.bullet { list-style : circle outside url("images/bullet.gif");
	  font: bold 16px trebuchet MS, verdana, arial;
	  line-height: 24px }

.usage  { font: normal 16px Courier, arial; line-height: 1.2 }

.fitur  { list-style-type: circle; list-style-position: outside; line-height: 20px }

.bdr  { border-left: #b5b5b5 1px solid; border-right: #b5b5b5 1px solid }
.bdr1 { border-bottom: silver 1px solid; padding: 3px }
.bdr2 { font: bold 15px helvetica, arial; border-right: silver 1px solid; text-align: right; padding: 3px; }

.perf_bdr  { border-bottom: silver 1px solid; font-size: 13px; color: #13406e }

#headline:hover { text-decoration: underline; }

.header { font: bold 15px "Trebuchet MS", arial;
	  height: 30px;
          /*color: #4D6486;*/
	}

.perf_header { font: bold 14px arial; height: 30px; }
table.perf_header2 { font: bold 14px arial; height: 30px;
                     background-color: #CDCDCD;
                     margin:10px 0pt 15px;
                     width: 100%;
                     text-align: left; 
                   }

table.perf_header2 thead tr th { font: bold 14px Trebuchet MS, arial;
                            background-color: #e6EEEE;
                            border: 1px solid #FFF;
                            padding: 4px;
                          }

table.perf_header2 tbody td { color: #3D3D3D; height: 30px;
                              padding: 4px;
                              background-color: #FFF;
                              vertical-align: top;
                           }

table.perf_header2 tbody tr.odd td { background-color:#F0F0F6; }

.tip1	{ padding-left: 17px; padding-top: 5px }
.tip2	{ background-color: #fff6f6; color: #812424 }
.tip3	{ border-bottom: #a23e3e 1px solid }

div.story   { display: none; font: normal 13px arial; padding: 4px }
a.ajax_news { display: none; line-height: 1.5 }

.nstory { z-index: 9999;
	  left: 0px;
	  top: 75px;
	  width: 100%;
	  text-align: center;
	  position: fixed;
	  background-color: transparent;
	  display: none;
	}

.indices_unch { background: URL("images/unchcap.gif") no-repeat center }
.indices_up { background: URL("images/upcap.gif") no-repeat center }
.indices_down { background: URL("images/downcap.gif") no-repeat center }

P.rgt  { float: right; font: bold 19px arial; color: #2F5F9F; width: 350px; padding: 15px }
P.lft  { float: left;  font: bold 19px arial; color: #2F5F9F; width: 350px; padding: 15px; }
.text2 { font: normal 13px arial; line-height: 1.7 }

legend { font: bold 13px arial }

.bg1   { background-color: #faf7ea; width: 900px; text-align: left }

.tbl { font: normal 12px arial; margin-left: 20px }

.fld { border: 0; background-color: transparent; width: 100% }

a.qrb { font: bold 13px arial; color: black /*background-color: #D4D0C8*/ }

td.stk_prd	  { border-right: silver 1px solid; }
td.stk_prd:hover  { background-image: URL("images/tabinner_hover.jpg") }

.tab_prd	 { font: normal 11px verdana, arial; line-height: 27px; width: 40px; color: navy; cursor: pointer }
.tab_prd:hover   { color: maroon }
/*.tab_prd:active  { background-image: URL("images/tabinner_selected.jpg") }*/

A.pop_stock	  { color: black }
A.pop_stock:hover { color: blue }

div.firstCur { width: 30px; float: left; }

a.edu_ref { color: black }

.d_font { font-size: 17px; }

.deviderfooter { background: url("images/footer-rti.png") no-repeat scroll center top transparent;
		 height: 80px;
		 margin: -30px auto 0;
		 width: 100%;
		 z-index: 0;
	       }

.subfooterholder { background-color: #9CA0A3;
                 }

.subfooter_container { margin: 0 auto;
		       padding: 15px 0;
		       width: 100%;
		     }

.subfooter_container .copyright { font: normal 12px arial;
				  text-align: center;
				}

/* FOR placeholder in INPUT TEXT */
::placeholder { color: lightgray;
                opacity: 1; /* Firefox */
              }

:-ms-input-placeholder  { color: lightgray; } /* Internet Explorer 10-11 */
::-ms-input-placeholder { color: lightgray; } /* Microsoft Edge */
/* end of FOR placeholder in INPUT TEXT */

/* FOR highlighted WORDS IN INPUT TEXT */
.input_span ::selection         { color: #000000; background: yellow }
.input_span ::-webkit-selection { color: #000000; background: #FFFFFF; }
.input_span ::-moz-selection    { color: #000000; background: #FFFFFF; }
/* FOR highlighted WORDS IN INPUT TEXT */

table#movers    { background-color: #E9E9E9 }
table#movers td { background-color: #FFFFFF }

table.fin tr { height: 23px }

table.cal tr { height: 23px }
table.cal td { padding-left: 6px; padding-right: 6px; white-space: nowrap }

table.detail td { font-size: 14px;
		  padding-right: 6px
		}

table.hl td { color: black; font-family: "Trebuchet MS"; padding: 5px; vertical-align: top }

.a_stock { font: bold 14px arial, alvatica, "Trebuchet MS"; color: black; cursor: pointer }
.a_stock:hover { color: blue }

#watchlistTable { background-color: white; }

#watchlistTable thead tr th,
#watchlistTable tfoot tr th   { background-color: white;
                                border: 0;
                                border-right: #e9e9e9 1px solid;
                                border-bottom: silver 2px solid;
                              }

#watchlistTable tbody td { border: 0;
                           border-right: #e9e9e9 1px solid;
                           border-bottom: silver 1px solid;
                           background-color: transparent;
                         }

#watchlistTable thead tr::before { background-color: white;
                                   border-bottom: silver 2px solid;
                                   border-right: #e9e9e9 1px solid;
                                 }

#watchlistTable tbody tr::before { border-right: #e9e9e9 1px solid;
                                   border-bottom: silver 1px solid;
                                   /*display: none;*/
                                 }

.wl_box { padding: 5px 20px 5px 20px;
          border: silver 1px solid;
          border-radius: 8px;
          min-height: 600px;
          position: relative;
          border-collapse: separate;
          box-shadow: 0 0 5px rgb(171, 171, 171);
          -webkit-box-shadow: 0 0 5px rgb(171, 171, 171);
          -moz-box-shadow:    0 0 5px rgb(171, 171, 171);
          -ms-box-shadow:     0 0 5px rgb(171, 171, 171);
          -khtml-box-shadow:  0 0 5px rgb(171, 171, 171);
        }

#WLDialogBox { font-family: "Trebuchet MS", arial;
               background-color: #FFFFFF;
               border: gray 1px solid;
               border-radius: 8px;
               padding: 8px;
               position: absolute;
               left: -415px; top: 0px;
               z-index: 99;
               -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;
               box-sizing: border-box;
             }

.border_boxed { box-sizing: border-box;
               -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box;
              }

#reg_container { display: inline-block;
                 position: relative;
                 padding: 3px 0 0 6px;
                 width: 100px;
                 height: 24px;
                 cursor: pointer;
               }

.profile_pulldown { background-color: #FFFFFF;
                    clear: both;
                    padding: 20px 0 0 0px;
                    height: 215px;
                    border: white 2px groove;
                    border-top: 0;
                    text-align: center;
                  }

.logout_div { line-height: 48px;
              text-align: right;
              vertical-align: middle;
              background-color: #F2F2F2;
              padding-right: 20px;
              border-top: darkgray 1px solid;
            }

.profile_btn { display: inline-block;
               width: 200px;
               padding: 10px 5px;
               border-radius: 6px;
             }
               
#profile_box  { font-family: "Trebuchet MS", arial;
                font-size: 15px;
                background-color: transparent;
                position: absolute;
                left: -197px; top: 0;
                width: 300px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
              }

#remove_box { position: absolute;
              left: 30px;
              top: 30px;
              display: none;

              font: normal 16px "trebuchet MS", arial;
              background-color: white;
              width: 200px;
              line-height: 30px;
              vertical-align: middle;
              background-color: #e9e9e9;
              border: silver 1px solid;
              border-radius: 6px;
              padding-left: 15px;
            }

#resetPwd_box { left: 0;
                position: absolute;
                width: 100%;
                margin-top: 20px;
                display: none
              }

#signin_box { left: 0;
              position: absolute;
              width: 100%;
              margin-top: 20px;
              display: none
            }

#signup_box { left: 0;
              position: absolute;
              width: 100%;
              margin-top: 20px;
              display: none;
            }

#pw_box { width: 300px;
          border: gray 1px solid;
          position: relative;
          display: inline-block;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
           box-sizing: border-box;
        }

#su_pwBox { width: 300px;
            border: gray 1px solid;
            position: relative;
            display: inline-block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
          }

#stock_span:hover { color: blue }
          
/* link text of tooltip */
.a_diary   { line-height: 22px;
             vertical-align: middle;
           }

.a_indices { 
           }

.tooltip { position: relative;
           display:  inline-block;
           cursor:   default;
           /*border-bottom: 1px dotted black;*/
         }

/* balloon and contents */
#diary30     { min-width: 120px;
               color: darkorange;
               top: 136%;
               left: 50%;
             }

#indices_box { min-width: 490px;
               color: maroon;
               top: 172px;
             }

/* the message inside the balloon */
.tooltipballoon { font-size: 14px;
                  /*background-color: rgba(39, 1, 45, 0.7);*/
                  background-color: white;
                  text-align: center;
                  border-radius: 6px;
                  border: #5D676F 1px groove;
                  padding: 5px 10px;
                  position: absolute;
                  z-index: 1;
                  margin-left: -60px;
                  visibility: hidden;
                }

/* ADD A DYNAMIC(POSITION) ARROW WHEN VISIBLE */
.tooltipballoon::after { content: "";
                         position: absolute;
                         bottom: 100%;
                         left: 50%;
                         margin-left: -5px;
                         border-width: 5px;
                         border-style: solid;
                         border-color: transparent transparent #5D676F transparent;
                         z-index: 2;
                       }

.ttarrow_left::after    { left: 70px;  }
.ttarrow_center::after  { left: 265px; }
.ttarrow_center2::after { left: 335px; }
.ttarrow_right::after   { left: 445px; }

.tooltip:hover .tooltipballoon { visibility: visible; }

.title { font: bold 18px arial;
         color: #fff;
         padding: 10px 0 10px 0;
	 border-radius: 10px 10px 0px 0px;
         background: #6eacd5;
	 background: -moz-linear-gradient(top, #6eacd5 0%, #497bae 100%);
	 background: -webkit-linear-gradient(top, #6eacd5 0%,#497bae 100%);
	 background: linear-gradient(to bottom, #6eacd5 0%,#497bae 100%); 
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eacd5', endColorstr='#497bae', GradientType=0);
       }

.btn_blue { font: normal 18px arial;
            width: 100%;
            color: #fff;
            border: #888888 1px ridge;
            border-radius: 8px;
            padding: 10px 10px;
            background: #538eba;
            background: -moz-linear-gradient(top, #538eba 0%, #376797 100%);
            background: -webkit-linear-gradient(top, #538eba 0%,#376797 100%);
            background: linear-gradient(to bottom, #538eba 0%,#376797 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#538eba', endColorstr='#376797',GradientType=0 );
          }

#close_msg { position: absolute;
             color: black;
             top: 13px;
             width: 480px;
             padding-right: 3px;
             text-align: right;
             font-size: 20px;
           }

.wl_title_bg { background: #6eacd5;
               background: -moz-linear-gradient(top, #6eacd5 0%, #497bae 100%);
               background: -webkit-linear-gradient(top, #6eacd5 0%,#497bae 100%);
               background: linear-gradient(to bottom, #6eacd5 0%,#497bae 100%); 
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eacd5', endColorstr='#497bae',GradientType=0 );
               padding: 10px 0 10px 0;
               font: bold 18px "Trebuchet MS", arial; color: #ffffff; text-shadow: none;
               border-radius: 10px 10px 0px 0px;
             }

#forbidden_msg  { display: none;
                  position: absolute;
                  text-align: center;
                  width: 100%;
                  top: 130px; padding-bottom: 30px;
		  background-color: transparent;
		  font-size: 12px; word-spacing: 3px;
                  z-index: 1000;
		}

/* RTI PAYMENT */
#rti_pay { display: none;
           position: absolute;
           width: 100%;
           top: 95px;
           /*top: 50%;*/
           background-color: #ffffff;
           opacity: 1.0;
           z-index: 101;
           /*transform: translateY(-50%);
          -ms-transform: translateY(-50%);*/
         }

.premium_div { display: none;
               position: absolute;
               width: 100%;
               top: 120px; padding-top: 30px;
               background-color: transparent;
               z-index: 101;
              }

.premium_div a { position: absolute;
                 font-size: 18px; font-weight: bold;
                 color: black;
                 background-color: #fff;
                 border-radius: 10px;
                 padding: 0px 4px 1px 4px;
                 top: 50%;
                 left: 50%; 
                 transform: translateX(290px) translateY(-260px);
         -webkit-transform: translateX(290px) translateY(-260px);
            -moz-transform: translateX(290px) translateY(-260px);
             -ms-transform: translateX(290px) translateY(-260px);
               }

#fp_div { background-color: #E9E9E9;
          transform: translateX(272px) translateY(-208px);
  -webkit-transform: translateX(272px) translateY(-208px);
     -moz-transform: translateX(272px) translateY(-208px);
      -ms-transform: translateX(272px) translateY(-208px);
        }

#myProfile_div { display: none;
                 position: absolute;
                 text-align: center;
                 width: 100%;
                 top: 50%;
                 background-color: transparent;
                 opacity: 1.0;
                 z-index: 109;
                 transform: translateY(-50%);
                -ms-transform: translateY(-50%);
               }

#myProfile_div a { position: absolute;
                   font-size: 18px;
                   color: black;
                   background-color: #fff;
                   border-radius: 10px;
                   padding: 0px 4px 1px 4px;
                   top: 50%;
                   left: 50%; 
                   transform: translateX(250px) translateY(-325px);
                  -webkit-transform: translateX(250px) translateY(-325px);
                  -moz-transform: translateX(250px) translateY(-325px);
                  -ms-transform: translateX(250px) translateY(-325px);
                 }

#myProfile_div span { position: absolute;
                      font: bold 20px arial;
                      color: black;
                      top: 50%;
                      width: 550px;
                      text-align: center;
                      transform: translateY(-310px);
                     -webkit-transform: translateY(-310px);
                     -moz-transform: translateY(-310px);
                     -ms-transform: translateY(-310px);
                    }

#chgPwd_div { display: none;
              position: absolute;
              text-align: center;
              width: 100%;
              top: 50%;
              background-color: transparent;
              opacity: 1.0;
              z-index: 109;
              transform: translateY(-50%);
             -ms-transform: translateY(-50%);
            }

#chgPwd_div a { position: absolute;
                font-size: 18px;
                color: black;
                background-color: #fff;
                border-radius: 10px;
                padding: 0px 4px 1px 4px;
                top: 50%;
                left: 50%; 
                transform: translateX(248px) translateY(-173px);
        -webkit-transform: translateX(248px) translateY(-173px);
           -moz-transform: translateX(248px) translateY(-173px);
            -ms-transform: translateX(248px) translateY(-173px);
              }

#mySubs_div { display: none;
              position: absolute;
              text-align: center;
              width: 100%;
              top: 50%;
              background-color: transparent;
              opacity: 1.0;
              z-index: 109;
              transform: translateY(-50%);
              -ms-transform: translateY(-50%);
            }

#mySubs_div a { position: absolute;
                font-size: 18px;
                color: black;
                background-color: #fff;
                border-radius: 10px;
                padding: 0px 4px 1px 4px;
                top: 50%;
                left: 50%; 
                transform: translateX(225px) translateY(-325px);
               -webkit-transform: translateX(225px) translateY(-325px);
               -moz-transform: translateX(225px) translateY(-325px);
               -ms-transform: translateX(225px) translateY(-325px);
              }

#mySubs_div span { position: absolute;
                   font: bold 20px arial;
                   color: black;
                   top: 50%;
                   padding-left: 150px;
                   transform: translateY(-315px);
                  -webkit-transform: translateY(-315px);
                  -moz-transform: translateY(-315px);
                  -ms-transform: translateY(-315px);
              }

.blocked_content { display: none;
                   position: absolute;
                   width: 100%; height: 650px;
                   top: 120px; padding-top: 30px;
                   text-align: center;
                   font: bold 18px arial;
                   background-color: #FFFFFF;
                   box-shadow: 5px 10px 30px #888888;
                   z-index: 100;
                   box-shadow: 5px 10px 30px #888888;
                  -webkit-box-shadow: 5px 10px 30px #888888;
                  -moz-box-shadow:    5px 10px 30px #888888;
                  -ms-box-shadow:     5px 10px 30px #888888;
                  -khtml-box-shadow:  5px 10px 30px #888888;
                 }

.blocked_content2 { display: none;
                    position: fixed;
                    width: 100%; height: 650px;
                    top: 10px; padding-top: 140px;
                    text-align: center;
                    font: bold 18px arial;
                    background-color: #FFFFFF;
                    box-shadow: 5px 10px 30px #888888;
                    z-index: 100;
                    box-shadow: 5px 10px 30px #888888;
                   -webkit-box-shadow: 5px 10px 30px #888888;
                   -moz-box-shadow:    5px 10px 30px #888888;
                   -ms-box-shadow:     5px 10px 30px #888888;
                   -khtml-box-shadow:  5px 10px 30px #888888;
                  }

/*## PULL DOWN NAVBAR MENU ##*/
.dropdown { position: relative;
            display: inline-block;
          }

.dropdown a:hover { background-color: #ddd; }

.dropdown-content { display: none;
                    position: absolute;
                    max-width: 200px;
                    width: 200px;
                    left: -168px;
                    background-color: #f1f1f1;
                    overflow: auto;
                    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
                    z-index: 1;
                  }

.dropdown-content a { color: black;
                      padding: 12px 16px;
                      text-decoration: none;
                      display: block;
                    }

.showme { display: block; }