/**************************************************************************************************
 Common across JSPs
 **************************************************************************************************/
#portfolio_container
{
	font-family: arial, helvetica, sans serif;
	font-size: 11px;
}

#portfolio_container a
{
   color: #003399;
}

#portfolio_container a.general
{
   color: #003399;
}

#portfolio_container a.category
{
   color: #666666;
}

#portfolio_container a:hover.category
{
   color: #CC6600;
}

.button_dynamic_price
{
   font-size: 10px;
}
/** Text **/
.text_faded
{
   color: #666666;
}
.error
{
	color: #cc0000;
}
.error_highlight
{
   background-color: #eedddd;
}
.negative
{
   color: #cc0000;
   font-weight: bold;
}
.date
{
	margin-left: 8px;
	margin-right: 8px;
}
.portfolio_section_label
{
	font-weight: bold;
}
.label
{
   font-weight: bold;
}
.smaller
{
   font-size: 10px;
}

/** Table **/
.form
{
   background-color: #E8F0F5;
}

#portfolio_table td, #portfolio_table th
{
	border: 1px solid #CCCCCC;
	background-image: none;
}

.smData td.highlight
{
	background-color: #EEEEEE;
}

.smData td.highlight_dark
{
	background-color: #CCCCCC;
}

.smData .table_header
{
	text-align: center;
}

.smData th.table_header_unsorted
{
    cursor: pointer; /* Could place an image or style in here if you want */
}

.smData th.table_header_up
{
    /*background-image: url("../images/arrow-up.gif");
    background-position: bottom center;
    background-repeat: no-repeat;*/
	font-weight: bold;
	cursor: pointer;
}

.smData th.table_header_down
{
    /*background-image: url("../images/arrow-down.gif");
    background-position: bottom center;
    background-repeat: no-repeat;*/
	font-weight: bold;
	cursor: pointer;
}

.table_header_wait
{
    background-image: url("../images/wait.gif");
    background-position: bottom center;
    background-repeat: no-repeat;
}

.row_highlight
{
	background-color: #EEEEEE;
}

.smData .r_l_h, .smData .r_d_h, .smData .table_header_highlighted
{
	/* For permanently highlight rows configured via "Customize Portfolio" page */
	background-color: #FFFFEE;
}

.smData .col_c
{
    text-align: center;
	padding: 0;
}

.smData .col_l
{
    text-align: left;
}

.smData .col_r
{
    text-align: right;
    white-space: nowrap;
}

.d_up
{
    color: #090;
}

.d_dn
{
    color: #C00;
}

.table_line
{
    background-color: #7799BB;
}

.table_row_2
{
   background-color: #DDDDDD;
}
.table_row_3
{
   background-color: #EEEEEE;
}
.table_row_submit
{
   background-color: #FFFFEE;
}
.submit_row_0
{
   background-color: #FFFFEE;
}
.submit_row_1
{
   background-color: #CCD3D7;
}
.help_link
{
   text-align: right;
}

.step-instructions
{
	width: 550px;
}

.step
{
	padding: 9px;
	margin-top: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #EEEEEE;
}

h4.step
{
	font-weight: bold;
}
/**************************************************************************************************
 Portfolio Top
 **************************************************************************************************/
.portfolio_top
{
   margin-bottom: 15px;
}
.portfolio_tool_link {
	color: #000000;
}

/** Tabs **/
div.tabs_standalone
{
   margin-top: 15px;
   margin-bottom: 20px;
}
.tabs
{
	background-color: #CCD3D7;
}
.tab_selected
{
	background-color: #FFFFFF;
	font-weight: bold;
}
.viewName
{
	color: #000000;
	font-family: arial, helvetica, sans serif;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.portfolio_selected
{
	margin-bottom: 10px;
}
td.portfolio_selected
{
	background-color: #FFFFFF;
}
td.portfolio_value
{
	background-color: #FFFFEE;
}
div.portfolio_value_change
{
	margin-left: 10px;
	margin-right: 10px;
}
div.portfolio_value
{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
}
div.portfolio_change
{
	color: #009900;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.portfolio_list_label
{
	width: auto;
	display: inline;
	margin-left: 10px;
}
.portfolio_list_dropdown
{
	display: inline;
	width: auto;
	margin-left: 10px;
}
.portfolio_tools
{
	background-color: #FFFFFF;
}
.portfolio_tools_labels
{
	font-weight: bold;
}

td.portfolio_ads
{
	background-color: #FFFFFF;
}
/**************************************************************************************************
 Corporate Actions
 **************************************************************************************************/
.corpActions
{
	margin-bottom: 15px;
}
.stock_price
{	text-align: right;
	margin-right: 10px;
}
td.corporate_event_submit
{
	background-color: #FFFFEE;
	text-align: right;
	border-bottom: 2px solid #7799BB;
}
.corporate_event_submit_label
{
	font-weight: bold;
	margin-right: 10px;
}
.event_detail
{
	white-space: nowrap;
}
td.corpEvent_instructions
{
	background-color: #CCD3D7;
}
div.corpEvent_instructions_heading
{
	font-weight: bold;
	margin-left: 8px;
}
td.corpEvent_instructions_heading
{
	vertical-align: top;
	margin-right: 8px;
}

/**************************************************************************************************
 Main View
 **************************************************************************************************/
.mainview_ledger
{
	margin-top: 15px;
}
div.ledger_info
{
   margin-bottom: 10px;
}
.java_selection
{
   margin-left: 20px;
   text-align: right;
}
.java_selected
{
   font-weight: bold;
}

.ledger_data_text_s
{

   font-size: 11px;
}
.ledger_data_text_m
{
   font-size: 14px;
}
.ledger_data_text_l
{
   font-size: 16px;
}

.smData .txt_s
{
   font-size: 11px;
}
.smData .txt_m
{
   font-size: 14px;
}
.smData .txt_l
{
   font-size: 16px;
}

.ledger_totalRow
{
}

.ledger_data_change
{
}
.print_data_text
{
   font-size: 11px;
}
.print
{
   margin: 5px;
}
td.ledger_print
{
   background-color: #FFFFFF;
}
div.print_top_portfolio2
{
   background-color: #0080B3;
   width: 100%;
   border-bottom: 2px solid #006699;
}
td.print_top_portfolio2
{
   background-image: url("../images/logo-free.gif");
}
.print_indices
{
    border: 1px solid #7799BB;
    padding: 7px;
    background-color: #E8F0F5;
}
.print_top_date_portfolio2
{
   color: #ffffff;
}
div.print_top_portfolio4dl
{
   background-color: #DDDDBB;
   width: 100%;
   border-bottom: 2px solid #006699;
}
td.print_top_portfolio4dl
{
   background-image: url("../images/logo-selectdl.gif");
}
div.print_top_portfolio4rt
{
   background-color: #DDDDBB;
   width: 100%;
   border-bottom: 2px solid #006699;
}

td.print_top_portfolio4rt
{
   background-image: url("../images/logo-selectrt.gif");
}

/**************************************************************************************************
 News Headlines
 **************************************************************************************************/

td.news_headlines
{
   border-bottom: 1px solid #7799BB;
}
td.dottedline
{
   background-image: url("../images/background_blue_dots.gif");
}
span.news_headlines_ticker
{
   font-weight: bold;
}
span.news_headlines_links
{
   font-weight: bold;
}


/**************************************************************************************************
 Applet
 **************************************************************************************************/
.applet_portfoliomap
{
    color: #FFFFFF;
    background-color: #000000;
}
a.applet_portfoliomap
{
    color: #ccddee;
    font-weight: bold;
    font-size: 12px;
}

.applet_portfoliomap_link
{
   color: #00FF00;
}

.applet_analysis
{
   background-color: #CCD3D7;
}
.applet_copyright_link
{
   color: #cc0000;
}
/**************************************************************************************************
 Transactions
 **************************************************************************************************/

div.transactions_viewName
{
   color: #000000;
	font-family: arial, helvetica, sans serif;
	font-size: 18px;
	font-weight: bold;
   margin-bottom: 20px;
}
div.transactions_inner
{
   margin-left: 5px;
   margin-top: 5px;
}
/**************************************************************************************************
 New Portfolio
 **************************************************************************************************/

div.newportfolio_input
{
   margin-top: 15px;
   margin-bottom: 15px;
}
/**************************************************************************************************
 BuySell
 **************************************************************************************************/

.buysell_header
{
   border-bottom: 1px solid #7799BB;
   text-align: center;
   height: 35px;
}
div.buysell_cashRow
{
   margin: 10px;
}
td.buysell_submitRow
{
   border-top: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
}
div.buysell_submitRow
{
   margin: 10px;
}
td.buysell_message
{
   vertical-align: top;
}
div.buysell_message
{
   margin: 10px;
}
.buysell_hidden_cell
{
   height: 35px;
}
.buysell_table
{
    border: 1px solid #7799BB;
}
/**************************************************************************************************
   Dividends
 **************************************************************************************************/

/**************************************************************************************************
   Edit
 **************************************************************************************************/

td.edit_submit
{
   border-left: 1px solid #7799BB;
   border-right: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
   height: 35px;
}
td.edit_message
{
   border-right: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
   border-top: 1px solid #7799BB;
   background-color: #E8F0F5;
}
div.edit_message
{
   margin: 10px;
}
td.edit_portfolio_name
{
   border-right: 1px solid #7799BB;
   border-left: 1px solid #7799BB;
   border-top: 1px solid #7799BB;
   height: 35px;
}
td.edit_cash
{
   height: 35px;
}
div.edit_submit, div.edit_cash, div.edit_portfolio_name
{
   margin-left: 5px;
}
/**************************************************************************************************
   Import/Export
   Note: using .exportpage rather than .export to avoid naming conflict in Netscape 4.0 which would
   invalidate the entire CSS file.
 **************************************************************************************************/

.import_step_number, .export_step_number
{
   font-size: 24px;
   font-weight: bold;
   margin-top: -5px;
   margin-right: 10px;
   margin-left: 10px;
}
.import_instruction, .export_instruction
{
   margin-top: 5px;
}
.import_preview_submit
{
   margin-left: 30px;
}
.import_preview_table
{
   margin-left: 30px;
   margin-top: 10px;
}
.import_error
{
   color: #cc0000;
   font-size: 18px;
   font-weight: bold;
}
.import_preview_header
{
   text-align: center;
}
.import_preview_row
{
   border-top: 1px solid #7799BB;
}

/**************************************************************************************************
   Customize
 **************************************************************************************************/
div.customize_message
{
   margin: 20px;
}
td.customize_message
{
   border-left: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
   background-color: #E8F0F5;
}
.customize_row
{
   border-bottom: 1px solid #7799BB;
}
.customize_header
{
   text-align: center;
   border-bottom: 1px solid #7799BB;
}
td.customize_submit
{
   background-color: #FFFFEE;
   height: 40px;
}
div.customize_submit
{
   margin-left: 10px;
}

/**************************************************************************************************
   Help
 **************************************************************************************************/
.help_heading
{
   font-weight: bold;
   margin-bottom: 10px;
}

.help *
{
	font-family: arial, helvetica, sans serif;
	font-size: 11px;
}

.help
{
   	margin: 10px;
}
div.help_content
{
   	margin: 10px;

}
div.help_section_heading
{
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 20px;
}
td.help_content
{
   border-left: 1px solid #7799BB;
   border-right: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
   background-color: #CCCCCC;
}
/**************************************************************************************************
   Summary
 **************************************************************************************************/

td.summary_accounts
{
   border-top: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
   border-right: 1px solid #7799BB;
   background-color: #E8F0F5;
}
div.summary_accounts
{
   margin: 10px;
}
td.summary_submit_row
{
   height: 30px;
   border-left: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
   border-right: 1px solid #7799BB;
}
div.summary_submit_row
{
  margin-left: 10px;
}
td.summary_applet
{
   background-color: #E8F0F5;
   border-top: 1px solid #7799BB;
   border-bottom: 1px solid #7799BB;
   border-right: 1px solid #7799BB;
}
.summary_applet_pie
{
   background-color: #CCD3D7;
}
div.summary_applet
{
  margin-left: 10px;
  margin-top: 5px;
}
.blank
{
   background-color: #ffffff;
}
/**************************************************************************************************
   Start
 **************************************************************************************************/

/**************************************************************************************************
   Performance
 **************************************************************************************************/
.performance_top
{
    font-weight: bold;
    color: #ffffff;
}
body.performance
{
    background-color: #eeeeee;
}
div.performance
{
    margin-left: 18px;
    margin-right: 18px;
}

div.module-top-half-round
{
	margin-top: 0;
	background: #FFFFFF url("../images/module-half-round.gif") no-repeat scroll 0 0
}

#small-tab-ad img
{
	float: none;
	padding: 0 0 2px 0;
	vertical-align: bottom;
}

.footnote
{
    font-size: 7px;
    vertical-align: super;
}

.period
{
    text-decoration:underline;
    font-size: 12px;
    margin: 3px;
    cursor:pointer;
}

.period_container
{
    text-align: center;
}

.period_hover
{
    color: red;
    background-color:#eee;
    text-decoration: none;
}

.period_current
{
    text-decoration: none;
    font-weight: bold;
}
.nav_growth_on { font-weight:bold; }