/*
//  Tradeflow Module 
*/

/* Opening Form */
.trade_agg_option_box{float:right;clear:both;min-width:192px;padding:8px;margin:2px 3px 0 0;font-weight:bold;/*border:1px solid #CCCCCC;*/}
.trade_agg_option_box input[disabled] + label{color:#A9A9A9;};

/* dual listbox override */
.listbox_custom{border:1px solid #999999;}
.listbox_selections option{font-weight:bold;}

.trade_agg_button_box{float:right;width:100px;height:226px;margin-left:10px;}
.trade_agg_button{float:left;width:102px;height:112px;background:url('../images/tradeflow/aggButton.png') no-repeat;}
.trade_ind_button{float:left;width:102px;height:112px;background:url('../images/tradeflow/indButton.png') no-repeat;margin-top:8px;}
.trade_agg_button2{float:left;width:80px;height:88px;background:url('../images/tradeflow/aggButton2.png') no-repeat;}
.trade_ind_button2{float:left;width:80px;height:88px;background:url('../images/tradeflow/indButton2.png') no-repeat;margin-top:12px;}

.tradeflow_complete_box{width:91%;float:left;clear:both;margin:20px 0px 50px 44px;padding-top:10px;border-top:1px solid #CCCCCC;display:none;}

/* time period selection sliders */
.trade_slider_wrap{width:100%;}
.trade_slider_title{font:bold 15px Arial;color:#5F798C;padding-bottom:8px;}
.trade_slider_box{margin-top:18px;min-height:50px;width:600px;margin-left:20px;}
.trade_slider_label{width:50px;text-align:center;}

/* noUISlider style overrides */
.noUi-horizontal.noUi-extended .noUi-handle{background:#999999;border:1px solid #333333;box-shadow:none;}
.noUi-horizontal.noUi-extended .noUi-base{background:#EEEEEE;box-shadow:inset 1px 1px 2px #333333;border-bottom:1px solid #999999;}
.noUi-horizontal.noUi-extended .noUi-background {background:#EEEEEE;box-shadow:inset -1px 1px 2px #333333;border-bottom:1px solid #999999;}
.noUi-horizontal.noUi-extended .noUi-connect {background:#5F798C;box-shadow:inset 1px 1px 5px rgba(22,22,22,0.95);-webkit-transition: background 450ms;transition:background 450ms;}
.noUi-horizontal.noUi-extended .noUi-value{color:#666666;}
.noUi-horizontal.noUi-extended .noUi-value-large{font:bold 11px Arial;color:#666666;}
/* custom labels above slider handles */
.noUi-horizontal.noUi-extended .noUi-handle{position:relative;}
.noUi-horizontal.noUi-extended .noUi-inner{display:block;width:100%;position:absolute;top:-21px;height:100%;text-align:center;font:bold 15px Arial;color:#5F798C;}
.noUi-horizontal.noUi-extended .noUi-active:after{display:none;}
/* pips style overrides (ticker labels under sliders) */
.noUi-horizontal.noUi-extended .noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:2px}
.noUi-horizontal.noUi-extended .noUi-marker-horizontal.noUi-marker-sub{height:5px}
.noUi-horizontal.noUi-extended .noUi-marker-horizontal.noUi-marker-large{height:8px;font:normal 12px Arial;}
.noUi-horizontal.noUi-extended .noUi-pips-horizontal{padding:7px 0;height:35px;top:100%;left:0;width:100%}
.noUi-horizontal.noUi-extended .noUi-value-horizontal{margin-left:-20px;padding-top:5px}
.noUi-horizontal.noUi-extended .noUi-value-horizontal.noUi-value-large{padding-top:7px}
.noUi-horizontal.noUi-extended .noUi-value-horizontal.noUi-value-sub{padding-top:7px}
.noUi-month-marker{display:none;}
.noUi-month-marker-large{display:none;}


/* Analysis Page */
.trade_nav_left{width:177px;float:left;clear:both;background:#EEEEEE;border-radius:5px;margin-left:7px;padding:7px;border:1px solid #CCCCCC;}
.trade_nav_left b{display:block;margin-bottom:3px;}
.trade_nav_table{float:left;clear:both;width:100%;}
.trade_nav_item{float:left;font-weight:bold;color:#555555;}
.trade_nav_value{float:right;font-weight:bold;color:#111111;}
.trade_nav_arr_item{float:left;clear:both;font-weight:bold;margin-top:12px;color:#555555;}
.trade_nav_arr_value{float:left;clear:both;font-weight:bold;font-size:12px;color:#333333;margin-left:12px;}

/* generic topbar sub-menu */
.trade_submenu_box{float:left;clear:both;width:892px;min-height:42px;background:url('../images/tradeflow/trade_submenu.png') no-repeat;font:normal 13px Arial;}
.trade_submenu_title{float:left;font:bold 14px Arial;color:#5F798C;text-shadow:1px 1px 1px #FFFFFF;margin-left:20px;margin-top:12px;margin-right:10px;}
.trade_submenu_sbox{float:left;min-height:12px;padding:10px 10px 8px 10px;font:bold 13px Arial;color:#111;border-left:1px solid #CCCCCC;overflow:hidden;color:#666666;}
.trade_submenu_sbox select{float:left;margin-top:-1px;color:#000;max-width:150px;overflow:hidden;border:1px solid #555;font:15px Calibri;background:#FFF;box-shadow:inset -1px 1px 2px #999;
							border-radius:4px;text-indent:2px;}
.trade_submenu_sbox option{max-width:150px;line-height:1.6em;border:1px solid #333;}
.trade_submenu_sbox input{margin-left:5px;}
.trade_submenu_sbox input[type="checkbox"]{float:left;margin-top:3px;}
.trade_submenu_sbox input[type="radio"]{float:left;margin-top:2px;}
.trade_submenu_sbox label{float:left;margin-top:2px;padding:0 5px 0 2px;}
.trade_submenu_genbox{float:right;padding:8px 12px 8px 12px;border-left:1px solid #CCCCCC;overflow:hidden;}
.trade_submenu_genbox input[type="submit"]{float:left;}
.trade_submenu_box a{display:block;float:left;padding:8px;text-decoration:none;color:#111111;text-shadow:1px 1px 1px #EEEEEE;border-left:1px solid #666666;background:url('../gsf/images/menuBtn.png');}
.trade_submenu_box a:hover{color:#222222;text-decoration:none;background-position:0 -41px;}

/* tradeflow analysis reports */
.trade_report_container{float:left;clear:both;min-height:600px;width:96%;padding:2%;}
.trade_report_title{width:100%;clear:both;font:bold 15px Arial;color:#5F798C;padding-bottom:5px;margin-top:12px;}
.trade_report_data{width:100%;clear:both;border:1px solid #CCCCCC;}
.trade_report_chart{float:left;clear:both;width:100%;margin-bottom:15px;border-bottom:0px solid #999999;box-shadow:0px 0px 8px #CCCCCC;}
.trade_loader{clear:both;height:100px;width:100px;margin:0 auto;margin-top:60px;margin-bottom:240px;background:url('../images/loader2.gif') no-repeat;}

/* tradeflow detailed-breakdown reports */
#trade_breakdown_report{width:100%;}
#tradedetail_report_container{width:100%;float:left;}
.tradedetail_report_header{width:100%;padding:5px 0 5px 0;/*background:url('../images/tradeflow/trade_submenu_pattern.png') repeat-x;*/}
.tradedetail_report_header_opt{width:17%;float:left;}
.tradedetail_report_header_opt label{margin-left:5px;font-weight:bold;}
.tradedetail_report_header_opt select{margin-left:5px;}
.tradedetail_report_header_title{width:65%;float:left;text-align:center;font:bold 15px Arial;color:#5F798C;}
.tradedetail_report_title{width:100%;text-align:center;font:bold 15px Arial;color:#5F798C;margin-top:3px;}
.tradedetail_report_chart{width:100%;height:90%;padding:0px;margin:0px;box-shadow:none;border:none;}
.tradedetail_report_data{width:100%;}

/* tradeflow table dump */
.trade_report_table{border-collapse:collapse;clear:both;width:100%;margin:0 auto;}
.trade_report_table th{background:url('../images/faded_cell.png') repeat-x;border:1px solid #CCCCCC;border-bottom:1px solid #666666;border-top:1px solid #333333;text-align:center;padding:5px;}
.trade_report_table td{border-bottom:1px solid #666666;text-align:left;padding:3px 0 3px 8px;font:normal 13px Arial;}
.trade_report_table div{border:none;}
/* tradeflow chart-series context menu for breakdown charts */
.breakdownlink_popover{width:230px;padding:2px;margin:15px 0 0 -40px;background:#EFEFEF;border:1px solid #666666;cursor:default;display:none;position:absolute;text-align:left;z-index:999;border-radius:6px;}
.breakdownlink_popover div{float:left;clear:both;width:98%;padding:3px;text-decoration:none !important;color:#003399;font:bold 13px Arial;}
.breakdownlink_popover div:hover{cursor:pointer;background:#FFFFFF;color:#333333;}
/* tradeflow chart-series tooltip popup */
.trade_tooltip{display:none;padding:6px;margin:30px 0 0 0px;background:url('../images/template/tooltip_back.png') repeat-x;border:1px solid #999999;position:absolute;text-align:left;z-index:777;border-radius:2px;box-shadow:0 0 15px #000;}
.trade_tooltip_arrow{float:left;width:25px;height:34px;background:url('../images/template/upArrowBlue.png') no-repeat;}
.trade_tooltip_text{float:left;padding:12px 0 0 12px;}
.trade_tooltip_close{margin-top:5px;float:right;clear:both;color:#333333;text-decoration:none;font:normal 13px Arial;}
.trade_tooltip_close:hover{text-decoration:underline;cursor:pointer;color:#000000;}