/**
 * Misc Pages CSS Definitions
 *
 * @file              /css/tools.css
 * @author            drew ross
 * @revision          $Id$
*/

/* Tools Common */

/* Etf Passthrough Message */
div#etfMessage{ padding-left:180px; }
div#etfMessage a{ padding-left:13px; }


/* Left Nav Sub Menu */
.lnav_submenu_tools { font-size:10px;display:block;width:150px;background-color:#f5f5f5;border-bottom:2px solid #fff;overflow:hidden; }
.lnav_submenu_tools .container { display:block;margin:0px 10px 10px 3px; }
.lnav_submenu_tools .container table.sub_table { margin-left:0px;padding:0;}
.lnav_submenu_tools .container table.sub_table td { padding-bottom:6px;vertical-align:top;text-align:left; }
.lnav_submenu_tools .container table.sub_table td  a{ color:#626469; }

/* Portfolio Construction & Performance Chart Tools */
div#tools{ position:relative; }
div#header{ width:615px;background-color:#F5F5F5;padding:15px 15px }
div#body{ position:relative;width:800px;background-color:#7B7B7B;padding:12px 12px 20px 12px; }
div#menu{ width:212px;height:525px;margin-right:16px;padding-top:10px;background-color:#F5F5F5;overflow:hidden;text-align: center; }
div#info{ padding-left:16px; }
div#info .toolOn{ z-index:666;position:absolute;top:12px;left:240px;display:block; }
div#info .tool{ display:none; }
div#info .screenshot{ }
div#info .data{ width:590px;color:#FFFFFF;font-size:11px;line-height:13px;font-family:verdana,arial,sans-serif; }
div#info .title{ padding-top:10px; }
div#info .copy a{ text-decoration:underline;color:#FFFFFF;font-weight:bold; }
div#info .copy li{ margin-left:20px; }
span.bulletPoint{ font-size:14px; }

/* Index Returns Chart Tool Requires Logo Header Decorator */
div#logo_header_img{ position:absolute;top:11px;left:195px;height:64px;border-left:1px solid #CCCCCC;padding-left:35px; }
div#logo_header_img img{ position:relative;top:23px; }
div#indexTracker{ width:810px; }
div#indexTrackerCopy{ width:790px;padding-left:10px;padding-top:10px; }
div#indexTrackerCopy p{ margin-bottom:10px; }

/* Overrides Webcommon Style Rule */
.logo_header_layout { display:block;width:800px; }

/* General Tools styles */
   
div#splash_badge { width: 212px; height: 800px; background: #c4c4c4; text-align: center; padding-top: 20px; }
div#splash_badge #badge_container { background: #b2b2b2; margin: 0 auto; padding: 0px; text-align: center; width: 186px; vertical-align: middle; }
div#splash_badge #badge_container #badge { margin: 0px; padding: 0px; width: 186px; height: 150px; }
div#splash_badge #badge_container #badge #badge_content { text-align: left; background: url('/images/tools/badge_bg.gif') repeat-x top left; padding: 8px; }
div#splash_badge #badge_container #badge #badge_left { padding: 0px; }
div#splash_badge #badge_container #badge #badge_left table { height: 170px; width: 5px; }
div#splash_badge #badge_container #badge #badge_left #left_border { width: 1px !important; background: #b2b2b2; }
div#splash_badge #badge_container #badge #badge_left .side_gradient { width: 4px; background: url('/images/tools/side_gradient.gif') repeat-x top left; }
div#splash_badge #badge_container #badge #badge_right { padding: 0px; }
div#splash_badge #badge_container #badge #badge_right #right_border { width: 1px !important; background: #b2b2b2; }
div#splash_badge #badge_container #badge #badge_right .side_gradient { width: 4px; background: url('/images/tools/side_gradient.gif') repeat-x top left; }
div#splash_badge #badge_container #badge #badge_right table { height: 170px; width: 5px; }
div#splash_badge #badge_container #badge #badge_top { padding: 0px; background: #ffffff; }
div#splash_badge #badge_container #badge #badge_top #top_border { height: 1px; background: #b2b2b2; }
div#splash_badge #badge_container #badge #badge_top .white_space { height: 4px; }
div#splash_badge #badge_container #badge #badge_bottom { padding: 0px; background: #eeeeee; }
div#splash_badge #badge_container #badge #badge_bottom #bottom_border { height: 1px; background: #b2b2b2; }
div#splash_badge #badge_container #badge #badge_bottom .white_space { height: 4px; }

/* Widgets */
div#quickFinder{ color:#7b7b7b;clear:both;font-size:12px; }
div#access{ padding-top:10px; padding-bottom:10px; }
div#quickLeft{ width:410px;float:left; }
div#quickRight{ width:193px;float:right; }
div#systemRequirements{ margin:10px 0px 14px 0px;position:relative;color:#515151;font-size:11px;background:#eeeeee;padding:16px 8px 16px 8px; }/*width:193px;*/
ul#requirementList{ margin:0px 0px 16px 5px;padding-left:10px;position:relative;list-style-type:none; }
ul#requirementList span.arrow{ position:absolute;margin-left:-15px; }
div#letUsKnow{ color:#515151;font-size:10px;background:#dbdbdb;padding:16px 8px 16px 8px; }/*width:193px;*/
div#howDoILaunch{ width:410px; }
div#quickFinderIco{ float:left; }
div#copy{ float:right;width:295px; }
a#downloadVersion2{ font-size:10px; }


/* Tools and Charts styles */
.outsideTools {background-color:#FFFFFF; border-color:#FFF; border-style:solid solid solid; border-width:1px 1px 1px; padding:1px; width:751px; background-image:url('/images/jp/ja/tools/tools_bkg.gif'); background-repeat:repeat-x;}
.toolsItem{ overflow:auto; clear:both; width:755px; border:1px solid #CCC; }
.inline_left { display:inline; float:left; width:300px;padding:0 10px 10px 10px;  }
.inline_right { display:inline; float:left; text-align:left; width:415px;padding:0 10px 0 0;  }
.inline_left_top { display:inline; float:left; width:300px;padding:10px 10px 0 10px; }
.inline_right_top { display:inline; float:right; text-align:left;padding:10px 10px 5px 10px; }
.clear { clear:both;}
.blueToolsTitle{ font-size:15px; color:#2e87d6; font-weight:bold; }
.blueButton{ padding:0; }
.toolsImage{ padding:0; }
.toolsTitle{ padding:0; font-size:14px; font-weight:bold; color:#000; }
.toolsText{ padding:10px 0 0 0; font-size:12px; color:#000; }
.toolsText ul { margin: 10px 0 0 10px; }
.toolsText li { margin: 0 0 5px 10px;  list-style-type: disc;}
.blurbHeader{ font-size:14px; padding:5px 0 15px 0; color:#000; }
.horiz_line{ margin-left:10px;margin-right:10px;border-top:1px solid #e2e2e2; }
.headerImage{}

/* Functional Guide styles */
.outsideGuide {background-color:#f2f2f2; border-color:#FFF; border-style:solid solid solid; border-width:1px 1px 1px; padding:1px; width:751px; background-image:none;}
.guideItem{ overflow:auto; clear:both; width:755px; border:1px solid #CCC; }
.inline_left_guide { display:inline; float:left; width:300px;padding:0 10px 10px 10px;  }
.inline_right_guide { display:inline; float:left; text-align:left; width:415px;padding:0 10px 0 0;  }
.inline_left_top_guide { display:inline; float:left; width:300px;padding:10px 10px 0 10px; }
.inline_right_top_guide { display:inline; float:right; text-align:left;padding:10px 10px 5px 10px; }
.clear { clear:both;}
.blueGuideTitle{ font-size:15px; color:#2e87d6; font-weight:bold; }
.blueButton_guide{ padding:0; }
.button_image{ display:inline; float:left; padding-right:5px; }
.button_text{display:inline; float:left;}
.toolsImage{ padding:0; }
.guideText{ padding:10px 0 0 0; font-size:12px; color:#000; }
.blurbHeader_guide{ font-size:14px; padding:5px 0 15px 0; color:#000; clear:both; }
.horiz_line_guide{ margin-left:10px;margin-right:10px;border-top:1px solid #e2e2e2; }
.headerImage_guide{}

.bottom_guide{ padding:0; }
.bottom_guide{ padding-top:5px; }
.button_image_bottom{ display:inline; float:left; padding-right:5px; }
.button_text_bottom{display:inline; float:left;}
.horiz_line_endguide{  width:755px;margin-left:0;margin-right:0;border-top:1px solid #e2e2e2; }

a.guide { color:#2286d6; text-decoration:underline; }