/* universal */
.RItemSB{
font-weight:bold;
font-size:10px;
}

/* div specific */
div.left {
float:left
}

div.clear{
clear:both;
}

div.aleft{
text-align:left;
}

div.acenter{
text-align:center;
}

.popdiv{
padding:4px;
border:2px solid #336699;
background-color:#E2E7FF;
}
.popbut{
position:absolute;
z-index:101;
}

.btext{background-color:#E2E7FF;}
.bpurple{background-color:#10c7e8;}

.dashdiv{
border-bottom:1px dashed #cccccc;
padding-top:3px;
padding-bottom:2px;
height:20px;
}

.indu_popup_ie{
	height: expression(this.scrollHeight > 425 ? "425px" : "auto");
}

.iframe-indiv
{
    position: absolute;
    z-index: -1;
    filter: mask();
    border: 0;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

table{
padding:0;
margin:0;
}
table.basic{
	padding: 2px;
	width: 100%;
}

.bg_steelblue{
background-color: #336699;
}

#footer{
padding:4px 0 4px 0;
text-align:center;
border-top:1px solid #ccc
}


#footer_list{
border-bottom:1px solid #ccc;
padding:2px 0 6px 0;
text-align:center;
width:500px;
margin:0 auto;
}


#divider{
padding:0 5px 0 5px;
}

#bobb_body{
padding-top:2px;
}

#body_left_menu{
float:left;
width:220px;
margin-right:3px;
}

#bobb_right_main{
float:left;
padding:4px;
}

#signin_box{
background-color:#E2ECF5;
border:1px solid #336699;
padding:3px;
}

#other_site_list{
padding-bottom:3px;
}


#bobb_banner{
background:#FCF9C9;
}

#bobb_header{
padding:2px;
}

.list_divider{
padding:0 5px 0 5px;
}


.menuspace{
margin-bottom:20px;
}

#box_right{
float:right;
width:190px;
border:1px solid #336699;
padding:3px;
text-align:center;
background:#fff;
}

#bobb_wrapper{
width: 1000px;
margin:0 auto; 
}

#bobb_wrapper2{
width: 1000px;
margin:0 auto;
padding:4px;border:1px solid #ccc;margin-top:2px;background:#fff
}

label{
cursor:pointer;
cursor:hand;
}

label:hover{
text-decoration:underline;
}

.gtable{
width:100%;
border-collapse: separate;
border-spacing:1px;
background:#ccc;
*border-collapse: expression('separate', cellSpacing = '1px');
}

.gtable tr td{
	padding:3px;
}

.gtable tr th{
height:26px;
background:#E2ECF5;
}

/* lists */
.list_desc{
border:2px solid #336699;background:#E2E7FF;padding:4px;
}

.ul_list_circle{
list-style:circle;margin:0px;padding-left:25px;
}

.ul_list_arrow{
list-style-image: url(/images/rdarrow.gif);margin:0px;padding-left:25px;
}

#pshelp_desc{
margin-left:-320px;margin-top:20px;width:700px
}

#list_filter{
padding:2px;
width:150px;
background: beige;
border:1px solid #ccc;
font-weight:bold;
margin: 2px 0;
}

#list_filter_form{
border:2px solid #336699;
background:#efefef;
}

#lists_alltypes{
margin-left:4px;
float:left;
width:73%;
border:1px solid #ccc;
background:#fff
}

#lists_body_menu{
float:left;
width:180px;
margin-bottom:2px;
}

#lists_body_right{
float:left;
margin-left:4px;
width:80%;
}

.pad_bot2{
padding-bottom:2px
}

.subscreen{
background:#ffefd5;
border:2px solid #336699;
padding:3px 10px 3px 10px;
margin:4px 0 4px 0;
}

#screen_body >div {
padding:6px 0 6px 0;
border-bottom:1px solid #ccc
}

.screendiv {
padding:6px 0 6px 0;
border-bottom:1px solid #ccc
}


/* general chart page */
#chart_quick{
float:left;
}

#symbol_box{
float:left;
width:250px;
}

#chartoptions_box{
float:left;
width:700px;
font-size:10px;
}

#compare_box{
float:left;
width:250px;
text-align:left;
border:1px solid #ddd;margin-top:3px;padding:2px 0;background:#CCFF99
}

#industry_box{
float:left;
text-align:left;
width:250px;margin-top:1px;border:1px solid #ddd;padding:2px 0;background:#CCFFCC;
}

#dividend_box{
float:left;
text-align:left;
padding:2px;
}

#div_ttm_detail{
background:beige;border:1px solid green;padding:2px;display:none;font-size:10px
}

.indu_help{
float:left;
margin-left:4px;
cursor:pointer
}

.coptions {
/*
display: inline; 
display: inline-block; 
*/
float:left;
margin:0 3px 0 3px;
}

.sym_box {
background-color:#fdf5e6;
border:1px solid #336699;
font-weight:bold;
width:8em;
margin:0;
}

.sym_lookup{
position:absolute;
float:left;
text-align:left;
z-index:2
}

.hbox {
background-color:#E2E7FF;
border:1px solid #336699;
font-weight:bold;
margin:0;
}

.hbox-selected {
background-color:#E2E7FF;
border:solid #336699;
border-width:2px 2px 3px 2px;
font-weight:bold;
margin:0;
}

.effect_item{
padding:4px;
border:2px solid #336699;
background-color:#E2E7FF;
text-align:left;
}

.effect_hide2{
position:absolute;
display:none;
z-index:110
}

/* drawing charts */
#indicator_table1{
width:870px;
border-bottom:1px solid #336699;
}

#indicator_table2{
width:100%;
border-top:1px solid #336699
}

#indicator_options{
background-color:#E2E7FF;
border:1px solid #336699;
font-weight:bold;
margin:0;
cursor:pointer;
padding:5px;
z-index:112
}

#indicator_options:hover{
background:beige
}

#indicator_options_nosub{
background:url('/images/bbindi.jpg') no-repeat;
width:700px;
height:580px;
text-align:center;
font-weight:bold;
font-size:170%;
cursor:pointer;
}

#indicator_options_desc_item{
background:#fdf5e6;
}


#methods_desc_handle{
background:#dddddd;
text-align:center;
-webkit-border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
font-weight:bold;
cursor:move;
width:290px;
height:18px;
padding-top:2px;
margin:auto;
border:solid #336699;
border-width:2px 2px 0 2px
}

.handle{
background:#dddddd;
text-align:center;
-webkit-border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
font-weight:bold;
cursor:move;
padding-top:2px;
margin:auto;
border:solid #336699;
border-width:2px 2px 0 2px
}

.tooltip_box{
z-index:102;
padding:2px;
display:none;
}

.li_chart_box{
z-index:1;
position:relative;
top:5px;
left:3px;
text-align:left;
margin-top:0px;
width:100%;
margin-bottom:2px;
}


dn,dn2{
float:left;
width:230px;
}


dn{
color:#696969;
font-weight:bold;
}

dh{
float:left;
width:82px;
}

dl{
float:left;
width:180px;
}

dm{
float:left;
width:140px;
}

div.dn{
float:left;
width:230px;
color:#696969;
font-weight:bold;
}

div.dn2{
float:left;
width:230px;
}

div.dn3b{
float:left;
width:150px;
font-weight:bold;
}

div.dn4{
float:left;
width:230px;
margin-right:3px;
}

div.dh{
float:left;
width:82px;
}

div.dhb{
float:left;
width:82px;
font-weight:bold;
}

div.dl{
float:left;
width:180px;
}

div.dm{
float:left;
width:140px;
}

.mycanvas{
position:relative;
left:3px;
}

.mycanvas_label{
position:relative;
left:3px;
margin:0;
}

.mycanvas_label div{
float:left;margin-right:3px;
}

#chart_quick1{
float:left;margin-top:4px;
}

#chart_quick2{
float:left;
margin-left:2px;padding-top:4px;border-bottom:1px solid #ccc
}



/* chart help by id*/
#hiplop_desc_item{
width:600px;
height:500px;
overflow:auto
}

#charttype_desc_item{
width:600px;
}

#methods_desc_item{
width:282px;
}

#chart_overlay_options{
background-color:#E2E7FF;
border:1px solid #336699;
font-weight:bold;
margin:0;
cursor:pointer;
padding:5px;
z-index:112
}

#chart_overlay_options:hover{
background:beige;
}

#chart_overlay_options_desc_item{
width:500px;
background:#fdf5e6
}

#overlay_help_box{
margin:2px;
padding:3px;
border:1px solid #ccc;
background:#eee;
display:none;
max-height:400px;
height: expression(this.scrollHeight > 400 ? "400px" : "auto");
overflow:auto
}

#save_view_option_item{
width:200px;
background:#fdf5e6;
}

/* price overlay */
.overlay_title{
float:left;
width:140px;
text-align:right;
padding:4px 4px 0 0;
}

.overlay_divider{
margin-bottom:3px;
}

.overlay_submit{
float:right;
border:1px solid #ccc;
background:#336699;
color:#fff;
cursor:pointer;
}

.overlay_submit_draw{
border:1px solid #ccc;
background:#336699;
color:#fff;
cursor:pointer;
width:100px;
float:left;
}

/* chart indicators */
#bb_indi_msg{
border:1px solid #ccc;
padding:2px;
background:#eee;
position:absolute;
width:145px
}

.indi_desc_box{
display:none;
position:absolute;
z-index:110;
margin-left:-5px
}

.indi_desc{
padding:6px;
border:2px dotted #336699;
width:380px;
background-color:#E2E7FF;
left:-10px;
}

.indi_param_enable{
display:block;
disabled:false
}

.indi_param_disable{
display:none;
disabled:true
}

.indi_name{
float:left;
}

/* save settings */
#save_view_button{
font-size:90%;
float:left;
text-align:center;
width:50px;
height:18px;
padding:3px 0 1px 0;
margin:0 4px 4px 0;
border:1px solid #336699;
background:#ccc;
cursor:pointer;
}

#save_view_exit{
padding:0;margin:0;float:right
}

#save_view_delete{
border:1px dashed red;
background:#eee;
padding:3px;
}


/* lists page */
.lwhite{
float:left;
margin-right:3px;
background:#fff
}

#list_description_test{
border:2px solid #336699;background-color:#f9f9f9;padding:4px;height:600px;overflow:auto;
}


/* colors */
.f_compare1{
color:#DDA0DD;
font-weight:bold
}
.f_compare2{
color:#5FEB44;
font-weight:bold
}

/* portfolio page */
#i_pchart{
width:975px;
height:900px;
border-top:2px solid #ccc;
overflow-x:hidden;
overflow-y:auto
}

.pscan_back{
background:url('/images/rdarrow.gif') no-repeat right;
margin-right: 5px;
font-weight: bold;
}

#plist_filter{
display:none;visibility;hidden;
}

#portfolio_scan_list_item{
width:225px;
}

#portfolio_scan_handle{
background:#dddddd;
text-align:center;
-webkit-border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
font-weight:bold;
cursor:move;
width:233px;
margin:auto;
border:solid #336699;
border-width:2px 2px 0 2px
}

#portfolio_scan{
color:#336699;
text-decoration:underline;
cursor:pointer;
}

#portfolio_name_box{
float:left;width:225px
}

#portfolio_manage{
float:left;
width:140px;
background:#E2E7FF;
margin:7px 10px 0 0
}

#portfolio_scan_box{
padding:3px
}

#portfolio_extra{
border:1px solid #336699;margin:0 1px 2px 0;background:beige;
}

#portfolio_extra div{
padding-bottom:2px;
}

#portfolio_plist{
margin-top:3px
}

#plist_selected{
float:left;border-bottom:1px solid #eee
}

#currentp_stock{
margin-top:6px;
}

#portfoliostock_notice {
bottom:0;
margin:auto;
}

#portfoliostock_notice div{
font-size:10px;
margin-top:3px;
}

#pstock_table{
float:left;width:75%
}

#pstock_table_notice{
float:left;width:20%;padding:3px;margin:auto;bottom:0
}

.portfolio_name_list_up{
cursor:pointer;padding:3px 0 3px 2px;border-bottom:1px solid #eee;background:#f5f5f5
}

.portfolio_name_list_dn{
cursor:pointer;padding:3px 0 3px 2px;border-bottom:1px solid #eee;background:#f5f5f5
}

.portfolio_name_list_sel{
padding:3px 0 3px 2px;border-bottom:1px solid #eee;background:#99FF99
}

.portfolio_name_list_up:hover,.portfolio_name_list_dn:hover{
background:#fdf5e6;
}

#plist_item{
max-height:250px;overflow-y:auto;width:220px;border:1px solid #ccc;margin:0;padding:0;background:beige;
}

.bg_steelgrey{
background:#99cccc
}

.bigrow{
text-align:left;
height:25px;
}

span.border-bot{
border-bottom:1px dashed;
}

.border-bot-grey{
border-bottom:1px solid #cccccc
}

/* for chart program display */

#spandisplay_bwdth{
display:inline;
position:absolute;
left:140px
}

#spandisplay_bwdth  div{
float:left;
width:120px;
}

#spandisplay_vol{
display:inline;
position:absolute;
left:170px
}

#spandisplay_vol div{
float:left;
width:170px;
}

#spandisplay_vwmacd{
display:inline;
position:absolute;
left:300px
}

#spandisplay_vwmacd div{
float:left;
width:160px;
}

#spandisplay_macd{
display:inline;
position:absolute;
left:300px
}

#spandisplay_macd div{
float:left;
width:160px;
}


#spandisplay_dmi{
display:inline;
position:absolute;
left:300px
}

#spandisplay_dmi div{
float:left;
width:110px;
}

#spandisplay_aroon{
display:inline;
position:absolute;
left:150px
}

#spandisplay_aroon div{
float:left;
width:120px;
}

#spandisplay_mtm{
display:inline;
position:absolute;
left:190px
}

#spandisplay_mtm div{
float:left;
width:130px;
}

#spandisplay_rs{
display:inline;
position:absolute;
left:150px
}

#spandisplay_kd{
display:inline;
position:absolute;
left:270px;
}

#spandisplay_kd div{
float:left;width:90px;
}

.fitrange{
margin-left:4px;
font-size:10px;
cursor:pointer;
text-decoration:underline;
color:#336699
}


#tooltip2{
padding:3px;
background:#ffffe0;
border:1px solid #eee;
color:#555555;
font-size:smaller;
text-align: left;
display:none;
position:absolute;width:auto
}

#random{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:solid #ccc;
border-width:1px;
padding:2px;
background:#FFFF33;
cursor:pointer;
color:#336699;
font-size:10px;
}

.beta{
border:1px solid #0C6D0C;
color:#ffff00;
background:#18B318;
font-size:10px;
font-weight:bold;
}