@charset "UTF-8";

html {
  overflow-y: scroll;
}

body {
  font-size:90%;
  text-align:center;
  /* font-family:Garamound; */
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Tahoma', sans-serif;
  width:98%; 
 }
 .ui-widget {
   font-family:inherit;
 }
/*body.noscroll { position: fixed; width:100%; overflow-y:scroll }*/
/*body.noscroll { position: fixed; overflow-y:scroll }*/
body.noscroll { position: fixed}

#tfr {
  /* border:5px solid green;  */
  position:fixed;
  background-color:#EEE;
  margin-top:0em;
  margin-bottom:0em;
  top:0em;
  right:0em;
  height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  z-index:1;
  transition: 0.5s;
}
.tfrClose::before {
  position:fixed;
  right:1.5em;
  /*float:right;*/
  margin-right:0.5em;
  cursor:pointer;
  font-weight:bold;	
  font-size:100%;
  width:1em;
  color: #888888;
  content:'\2573';
  text-decoration:none;
  padding:0.5em;
}

.tfrClose:hover::before {
  background-color:#E0E0E0;
}

.tfrManageReplay {
  position:absolute;
  top:0.50em;
  right:6.5em;
  margin-right:0.5em;
  cursor:pointer;
  font-size:110%;
  color: #888888;
  text-decoration:none;
  background-color:#EEE;
  border-radius: 0.3em;
  padding:0.2em;
}
.tfrManageReplay::before {
  content:'\2660';
}

.tfrManageReplay:hover {
  background-color:#E0E0E0;
}

.tfrManageReplayActive {
  color:#000;
  background-color:transparent;
}

.tfrOpenContainer {
  position:absolute;
  top:1.25em;
  right:1em;
  margin-right:0.5em;
  cursor:pointer;
  font-size:80%;
  color: #888888;
  text-decoration:none;
  background-color:#EEE;
  border-radius: 0.3em;
}
.tfrOpen::before {
  font-weight:bold;	
  font-size:100%;
  width:1em;
  content:'\226B';
}
.tfrOpenContainer:hover {
  background-color:#E0E0E0;
}

#tfr > div {
  display:table-row;
  font-weight:normal;
  font-size:100%;
  border:1px solid blue;
  cursor:pointer;
  line-height:200%;
  text-align:left;
  font-family:Courier New;
  color:blue;
}
#tfr > div > div {
  margin-left:0.5em;
  margin-right:0.5em;
  padding-left:1em;
  padding-right:1em;
  /*display:table-cell;*/
  /* border:1px solid blue; */
  border-radius: 0.3em;
  white-space: nowrap;
}

#tfm {
  /*border:5px solid red;*/
  width:100%;
  margin: 1em auto;
  text-align:center;
  /*display:table-cell;*/
  font-size:93%;
}

#tfm #Log {
  text-align:left;
  overflow-y:auto;
  width:100%;
  height:100%;
  /*display:table-cell;*/
  /*border: 3px solid blue;*/
}

[data-onclick^="TK.Db.BuildIndex"]::before{
  content:'\24d8\20'; 
  font-weight:bold;
  color: #0000f0;
}

.LogInfo,.LogWarning,.LogError {
  font-size:110%;
}

.LogWarning {
  color:#D4A017;
}
.LogError {
  color:#C04000;
}

.tableSubTitle {
  font-size:80%;
}
.tName {
  margin: 0 auto;
  margin-bottom:3em;
  font-family:Verdana, Geneva, sans-serif;
  font-size:129%;
  border:1px solid #BBBBBB;
/*  padding-left:7%;*/
/*  padding-right:7%; */
}
.lastTradeTime {
  margin-bottom:0.25em;
}
.tableHeader {
  font-weight:bold;	 
}
.tClose, .tOpen { 
  float:right;
  font-family:Courier;
  cursor:pointer;
/*  font-weight:bold;	*/
  font-size:130%;

  padding:0.2em 0.5em 0.2em 0.5em;
  height:1.5em;
  
  color: #888888;
}

.tClose:hover{
  background-color:#ef0000;
  color:#EEEEEE;
}
.tOpen:hover{
  background-color:#EFEFEF;
}

/* initial state: */
.tOpen {
  display:none;
}
/*
.tClose,.tt-line,.hline {
  display:none;
}
*/

.tOpen::before {
  content:'\226B';
}
.tClose::before {
  content:'\2573';
}

.group {
  /*font-family: 'Merriweather', serif;*/
  display:table-row-group;
  width:100%;
}

.lastTradeTime {
  width:100%;
  font-size:70%;
  text-align:center;
  font-weight:normal;
  margin-top:0.5em;
}

.tt-line,.hline {
  overflow-x:hidden;
  display:table-row;
  text-align:center;
  font-weight:normal;
  width:100%;
/*  width:12em; */
}

/*

*{
  visibility:inherit;
}
body,html {
  visibility:visible;
}
*/

/* http://www.colorcombos.com/blue-green-color-schemes.html, http://html-color-codes.info/ */
/* http://jsfiddle.net/ExpertSystem/yyvT3/ */

div.tt-line:nth-child(odd) {
  background-color:#EEEEEE;
}
div.tt-line:nth-child(even) {
  background-color:#FDFDFD;
}

div.tt-line:hover{
  background-color:rgba(204,204,204,1); /*CCC*/
}


/* http://hslpicker.com */

span[class=^="selection-cause"] {
  background-color:inherit;
  background-position: 0px 0px;
	background-repeat:   no-repeat;
}

.selection-cause-none {
}

 /* https://hslpicker.com/#00fbff   -- select hsl() */
:root {
  --rule-1-Growth:49, 100%, 90%;
  --rule-2-Growth:204, 100%, 90%;
  --rule-3-Growth:264, 100%, 90%;
  --rule-4-Growth: 12, 100%, 90%;
  --rule-6-Growth: 181, 100%, 80%;
  --rule-7-Growth: 110, 100%, 69%;
  --rule-8-Growth: 302, 45%, 95%;
  --rule-9-Growth: 66, 45%, 95%;
  --sc-cash:120, 93%, 79%;
  --sc-growth:46, 100%, 50%;
  --sc-liquidation:17, 100%, 74%;
  --sc-dividend:120, 100%, 44%;
  --sc-BlueChip:197, 71%, 73%;
  --sc-BlueChipGrowth:185, 95%, 75%;
  --sc-BlueChipLossyGrowth:292, 94%, 81%;
  --sc-BlueChipInvestmentGrade:66, 52%, 81%;
  --sc-BlueChipInvestmentGradeExt:101, 53%, 74%;
  --sc-mcap_less_mycap_lq2: 139, 100%, 50%;
  --sc-mcap_less_mycap_ibit: 181, 100%, 50%;
  --sc-mcap_cflow_ratio_20: 59, 100%, 75%;
  --sc-mcap_cflow_ratio_50: 59, 100%, 45%;
  --sc-mcap_cflow_ratio_100: 59, 100%, 15%;
  --backOp:0.5
}

.selection-cause-mcap_cflow_ratio_100 {
  background-color:hsla(var(--sc-mcap_cflow_ratio_100), 1.0);
}

.selection-cause-mcap_cflow_ratio_50 {
  background-color:hsla(var(--sc-mcap_cflow_ratio_50), 1.0);
}

.selection-cause-mcap_cflow_ratio_20 {
  background-color:hsla(var(--sc-mcap_cflow_ratio_20), 1.0);
}

.selection-cause-mcap_less_mycap_ibit {
  background-color:hsla(var(--sc-mcap_less_mycap_ibit), 1.0);
}

.selection-cause-mcap_less_mycap_lq2 {
  background-color:hsla(var(--sc-mcap_less_mycap_lq2), 1.0);
}

div.tt-line:hover .selection-cause-cash {
  background-color:hsla(var(--sc-cash), var(--backOp));  
}
.selection-cause-cash {
  background-color:hsla(var(--sc-cash), 1.0);
}

div.tt-line:hover .selection-cause-growth {
  background-color:hsla(var(--sc-growth), var(--backOp));  
}
.selection-cause-growth {
  background-color:hsla(var(--sc-growth), 1.0);
}

div.tt-line:hover .selection-cause-liquidation {
  background-color:hsla(var(--sc-liquidation), var(--backOp));  
}
.selection-cause-liquidation {
  background-color:hsla(var(--sc-liquidation), 1.0);
}

div.tt-line:hover .selection-cause-dividend {
  background-color:hsla(var(--sc-dividend), var(--backOp));  
}
.selection-cause-dividend {
  background-color:hsla(var(--sc-dividend), 1.0);
}

div.tt-line:hover .selection-cause-BlueChip {
  background-color:hsla(var(--sc-BlueChip), var(--backOp));  
}
.selection-cause-BlueChip {
  background-color:hsla(var(--sc-BlueChip), 1.0);
}

div.tt-line:hover .selection-cause-BlueChipGrowth {
  background-color:hsla(var(--sc-BlueChipGrowth), var(--backOp));  
}
.selection-cause-BlueChipGrowth {
  background-color:hsla(var(--sc-BlueChipGrowth), 1.0);
}

div.tt-line:hover .selection-cause-BlueChipLossyGrowth {
  background-color:hsla(var(--sc-BlueChipLossyGrowth), var(--backOp));  
}
.selection-cause-BlueChipLossyGrowth {
  background-color:hsla(var(--sc-BlueChipLossyGrowth), 1.0);
}

div.tt-line:hover .selection-cause-BlueChipInvestmentGrade {
  background-color:hsla(var(--sc-BlueChipInvestmentGrade), var(--backOp));  
}
.selection-cause-BlueChipInvestmentGrade {
  background-color:hsla(var(--sc-BlueChipInvestmentGrade), 1.0);
}

div.tt-line:hover .selection-cause-BlueChipInvestmentGradeExt {
  background-color:hsla(var(--sc-BlueChipInvestmentGradeExt), var(--backOp));  
}
.selection-cause-BlueChipInvestmentGradeExt {
  background-color:hsla(var(--sc-BlueChipInvestmentGradeExt), 1.0);
}

.selection-cause-rule-1-Growth:hover{
  background-color:hsla(var(--rule-1-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-1-Growth {
  background-color:hsla(var(--rule-1-Growth), var(--backOp));  
}
.selection-cause-rule-1-Growth {
  background-color:hsla(var(--rule-1-Growth), 1.0); 
}

.selection-cause-rule-2-Growth:hover{
  background-color:hsla(var(--rule-2-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-2-Growth {
  background-color:hsla(var(--rule-2-Growth), var(--backOp));  
}
.selection-cause-rule-2-Growth{
  background-color:hsla(var(--rule-2-Growth), 1.0); 
}


.selection-cause-rule-3-Growth:hover{
  background-color:hsla(var(--rule-3-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-3-Growth {
  background-color:hsla(var(--rule-3-Growth), var(--backOp));  
}
.selection-cause-rule-3-Growth {
  background-color:hsla(var(--rule-3-Growth), 1.0); 
}


.selection-cause-rule-4-Growth:hover{
  background-color:hsla(var(--rule-4-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-4-Growth {
  background-color:hsla(var(--rule-4-Growth), var(--backOp));  
}
.selection-cause-rule-4-Growth {
  background-color:hsla(var(--rule-4-Growth), 1.0);  
}

.selection-cause-rule-6-Growth:hover{
  background-color:hsla(var(--rule-6-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-6-Growth {
  background-color:hsla(var(--rule-6-Growth), var(--backOp));  
}
.selection-cause-rule-6-Growth {
  background-color:hsla(var(--rule-6-Growth), 1.0);  
}

.selection-cause-rule-7-Growth:hover{
  background-color:hsla(var(--rule-7-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-7-Growth {
  background-color:hsla(var(--rule-7-Growth), var(--backOp));  
}
.selection-cause-rule-7-Growth {
  background-color:hsla(var(--rule-7-Growth), 1.0);  
}

.selection-cause-rule-8-Growth:hover{
  background-color:hsla(var(--rule-8-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-8-Growth {
  background-color:hsla(var(--rule-8-Growth), var(--backOp));  
}
.selection-cause-rule-8-Growth {
  background-color:hsla(var(--rule-8-Growth), 1.0);  
}


.selection-cause-rule-9-Growth:hover{
  background-color:hsla(var(--rule-9-Growth), 1.0) !important; 
}
div.tt-line:hover .selection-cause-rule-9-Growth {
  background-color:hsla(var(--rule-9-Growth), var(--backOp));  
}
.selection-cause-rule-9-Growth {
  background-color:hsla(var(--rule-9-Growth), 1.0);  
}


.selection-cause-rule-123-Growth:hover {
  background-image: linear-gradient(to right, 
        hsla(var(--rule-1-Growth), 1.0) 0px,
        hsla(var(--rule-1-Growth), 1.0) 3%,
        hsla(var(--rule-2-Growth), 1.0) 3%,
        hsla(var(--rule-2-Growth), 1.0) 6%,
        hsla(var(--rule-3-Growth), 1.0) 6%,
        hsla(var(--rule-3-Growth), 1.0) 9%,
        hsla(var(--rule-4-Growth), 1.0) 12%,
        hsla(var(--rule-4-Growth), 1.0) 100%
   ) !important;	
}
div.tt-line:hover .selection-cause-rule-123-Growth {
  background-image: linear-gradient(to right, 
        hsla(var(--rule-1-Growth), var(--backOp)) 0px,
        hsla(var(--rule-1-Growth), var(--backOp)) 3%,
        hsla(var(--rule-2-Growth), var(--backOp)) 3%,
        hsla(var(--rule-2-Growth), var(--backOp)) 6%,
        hsla(var(--rule-3-Growth), var(--backOp)) 6%,
        hsla(var(--rule-3-Growth), var(--backOp)) 9%,
        hsla(var(--rule-4-Growth), var(--backOp)) 12%,
        hsla(var(--rule-4-Growth), var(--backOp)) 100%
    );	
}
.selection-cause-rule-123-Growth {
  background-image: linear-gradient(to right, 
        hsla(var(--rule-1-Growth), 1.0) 0px,
        hsla(var(--rule-1-Growth), 1.0) 3%,
        hsla(var(--rule-2-Growth), 1.0) 3%,
        hsla(var(--rule-2-Growth), 1.0) 6%,
        hsla(var(--rule-3-Growth), 1.0) 6%,
        hsla(var(--rule-3-Growth), 1.0) 9%,
        hsla(var(--rule-4-Growth), 1.0) 12%,
        hsla(var(--rule-4-Growth), 1.0) 100%
    );	
}



.tHeader {
  border-bottom:10px solid white;
  border-bottom:30px solid white;
  font-size:130%;
}
.hline{
  font-size:70%;
  font-family:Garamound;
}


a,a:hover,a:visited {
  color:inherit;
  text-decoration:none;
}

.tt-line {
  font-family:Courier New;
  color:RoyalBlue; 
  font-size:70%;
  font-weight:bold;
  border:2px solid black;
}

/* cancel jquery-ui.css line 911 dreck */
.tt-symbol  a,
.tt-symbol  a:link,
.tt-symbol  a:visited {
  color:inherit;
}

.tt-symbol {
  min-width:28ex; 
  max-width:28ex;
}

.tt-symbol-myCap {
  color: Indigo;
  font-weight:bold;
}
.tt-symbol-myCap::before {
  content:'*'; 
}
.tt-symbol-myCap::after {
  content:'*'; 
}

.tt-LV2MC {
  min-width:12ex;
  max-width:12ex;
}
.tt-Enterprise {
  min-width:12ex;
  max-width:12ex;
}
.tt-BalanceWorkingCapital {
  min-width:12ex;
  max-width:12ex;
}
.tt-AWCMinusTD2MCRatio {
  min-width:12ex;
  max-width:12ex;
}
.tt-VacantWorkingCapital {
  min-width:12ex;
  max-width:12ex;
}
.tt-BondSafetyMargin {
  min-width:12ex;
  max-width:12ex;
}
.tt-PriceCrnt {
  min-width:12ex;
  max-width:12ex;
}
.tt-PriceClose {
  min-width:12ex;
  max-width:12ex;
}
.tt-PriceChange {
  min-width:15ex;
  max-width:15ex;
}
.tt-PriceChangeYL,
.tt-PriceChangeYH {
  min-width:13ex;
  max-width:13ex;
}
.tt-Yield,
.tt-EpsCrnt {
  min-width:10ex;
  max-width:10ex;
}
.tt-PrevYearPeRatio {
  min-width:15ex;
  max-width:15ex;
}
.tt-PeRatio {
  min-width:15ex;
  max-width:15ex;
}
.tt-DividendPayRatio {
  min-width:10ex;
  max-width:10ex;
}
.tt-ShortRatio {
  min-width:9ex;
  max-width:9ex;
}

.tt-etf-id {
  min-width:10ex;
  max-width:10ex;
}

.tt-etf-aum {
  min-width:11ex;
  max-width:11ex;
}

.tt-etf-er-as {
  min-width:11ex;
  max-width:11ex;
}

.tt-Yield {
  min-width:11ex;
  max-width:11ex;
}

.tt-etf-PePbRatio,
.tt-etf-mat {
  min-width:11ex;
  max-width:11ex;
}

.tt-etf-time-yield {
  min-width:10ex;
  max-width:10ex;
}

div.hline>span {
  display:table-cell;
  padding:0.2em;
  border-radius: 0.3em;
  border:1px solid #DDDDDD;
  /*border:1px solid red; */
}

span[trend^="+"] {
  color:green;
  font-weight:bold;
}
span[trend^="-"]{
  color:red;
  font-weight:bold;
}

span[data-trend^="-"]{
  color:red;
}
span[data-trend^="+"]{
  color:green;
}

span[data-trend^="-"]::before {
  content:'\2193'; 
  font-weight:bold;
}
span[data-trend^="+"]::before{
  content:'\2191'; 
  font-weight:bold;
}

div[data-alert="1"] {
  color:red;
}
div[data-alert="0"] {
  color:inherit;
}


div.tt-line:hover {
  text-decoration:none;
}


div.tt-line>span {
  border-top:3px solid white;
  border-left:1px solid white;
  display:table-cell;
  padding-left:0.2em;
  padding-right:0.2em;
  padding-top:0.3em;
  padding-bottom:0.0em;
  overflow-x:hidden;
  vertical-align:bottom;
}
div.tt-line>span>div {
  font-size:65%;
  font-weight:normal;
  white-space:nowrap;
/*visibility:visible;*/
}  

/*
div.tt-line>span:first-child {
  border-left:1px solid red;
}
div.tt-line>span:last-child {
  border-right:1px solid red;
}
*/


/*
div.tt-line:hover>span>div {
  visibility:visible;
} 
*/

.tt-PriceCrnt>span {
  font-size:85%;
  font-weight:bold;
  padding-left:1ex;
}
.tt-PriceCrnt>div{
  font-size:75%;
  text-align:center;
}
div[vtrend^="0"] {
  color:green;
}
.tt-symbol>div {
  font-size:70%;
  overflow:hidden;
}
.tt-symbol>div:not([title=""]){
  cursor:help;
}

span[data-neg-bad="-"] {
    background-color: hsla(60, 100%, 50%, 0.5);
    color: red;
}
span[wtrend^="-"]{
  background-color:hsla(51, 100%, 50%, 0.5); 
}
span[DayTouchLowHigh^="+"]{
  color:green;
}
span[DayTouchLowHigh^="-"]{
  color:red;
}

span[class=tt-PeRatio] > div[data-val^='-'] {
  color:red;
  background-color:hsla(60, 100%, 50%, 0.5);
}

span[sortf] {
 cursor:pointer;
 background-color:#EEEEEE;
}

[class^="tt-PriceChange"]>div{
  color:black;
}

.tt-DividendPayRatio:not([drtrend^="0"]){
  color:red;
}

.report_y {
  color:red;
}
.report_NA {
  color:brown;
}
.noDayTradeData {
  text-decoration: line-through;
}

#Description,#Applet,#Intro {
  text-align:left;
  line-height: 150%;
}

#Description li,#Applet li,#Intro li {
  margin-bottom: 1em;
}
.subhead {
  text-align:center;
  font-weight:bold;
  font-size:150%;
}


.td-definition {
  margin-right:1em;
  font-style:italic;
}

.td-abbrev {
  font-weight:bold;
  font-style:normal;
}

.AccountReports {
  text-align:left;
}

.AccountReports  table {
  border-collapse: collapse;
}

.AccountReports  table  td{
  vertical-align:top;
  padding-left:0.3em;
  overflow:hidden;
}

.dialog-selection {
}
.dialogSelClick {
  text-align:left;
  cursor:pointer;
  margin-top:0.3em;
  margin-bottom:0.2em;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border:1px solid #DDDDDD;
  border-radius:0.35em;
  padding:0.1em;
}

.dialogSelClick:nth-child(odd) {
  background-color:#EEEEEE;
}
.dialogSelClick:nth-child(even) {
  background-color:#FDFDFD;
}

.dialogSelClick:hover {
  background-color:#CCC;
}

#Config {
  text-align:left;
}

#Config>div>fieldset>select {
  margin-bottom:1em;
}
#Config>div>fieldset>legend {
  margin-bottom:1em;
}

div#Config {
  font-size:90%;
}
div.sp {
  display:table-row;
  margin-bottom:1em;
}
div.sp>label {
  display:table-cell;
  border:0.6em solid transparent;
}
div.sp>input {
  display:table-cell;
}
div.sp>input[type='checkbox'] {
  display:table-cell;
  width:2em;
}

div.sp>input[type='number'] {
  width:7em;
}

div.sp>select {
  display:table-cell;
  width:100%;
}

fieldset#sMFilters>div.sp>label{
  width:10em;
}
fieldset#sTrig>div.sp>label,fieldset#s3>div.sp>label {
  width:13em;
}

div.sp >button {
  display:table-cell;
}

fieldset#SysSetup>div.sp>button,fieldset#SysSetup>div.sp>select{
  width:11em;
}

fieldset#SysSetup>div.sp>input{
}

button#SysResetQuotations {
}

button#SysResetQuotations:active {
}


.ui-tooltip-content {
	text-align:left;
	font-size:70%;
}
div.ui-tooltip {
    max-width: 400px;
}

/* http://hslpicker.com */

.badHit,.badHitsplitted {
  color:Red;
  font-weight:bold;
  background:hsla(60, 100%, 93%, 0.5);
}

.goodHit,.goodHitsplitted {
  color:Green;
  font-weight:bold;
  background:hsla(60, 100%, 93%, 0.5);
}

.goodHitsplitted,.badHitsplitted  {
  background:hsla(200, 60%, 75%, 0.5)
}

#Fee {
  text-align:left;
}
#Fee li {
  margin-top:2em;
}
#Fee form {
  margin-top:0.5em;
}

#PlzFeedback {
  position:relative;
  top:0.5em;
}
fieldset.feeset {
  border-radius:0.35em;
  padding-top:0em;
  padding-bottom:1em;
  /*display:inline-flex;*/
  display:flex;
  flex-direction:column;
}
.feeTickerData {
/*  display: inline-block;*/
  display:table-row;
  table-layout:fixed;
  flex-direction:row;
/*    display: block; */
}

.feeTickerGroup {
  margin-top:1em;
}

fieldset.feeset > div > input {
  display:table-cell;
  border-radius:0.25em;
  border-style:solid;
  border-color:#ccc;
  padding-left:0.5em;
  padding-top:0.3em;
  padding-bottom:0.3em;
  margin-bottom:1.2em;
  margin-left:0.5em;
  margin-right:0.5em;
  table-layout:inherit;
}
fieldset.feeset > div > label {
  margin-right:2em;
}


span#feeClearAll{ 
  float:right;
  cursor:pointer;
  font-weight:bold;	
  font-size:90%;
  width:1em;
  color: #888888;
  margin-left:1em;
  padding:0.5em;
}
span#feeClearAll::before {
  content:'\2573';
}
span#feeClearAll:hover {
  background-color:#E0E0E0;
}


.feeHeader {
  margin-top:0.8em;
  margin-bottom:0.2em;
}

.feeTextFeedback {
/*  width:42em; */
  width:99%;
  height:10em;
  margin-top:1em;
  border-radius:0.25em;
}

div#paypal-button {
  display:inline-block;
  float:right;
  margin-left:2em;
  margin-right:2em;
}

.paypal-button-test {
  background-color:#AAA;
  border-radius:0.25em;
  border: 1px solid #888;
  cursor:pointer;
}

.feeDialog {
  font-size:300%;
  font-weight:bold;
  color:red;;
}
.feeDialogAcent {
  font-size:400%;
  font-weight:bold;
  color:gold;
}

/*
http://codepen.io/saransh/pen/BKJun
https://codepen.io/acauamontiel/pen/mJdnw/
http://codepen.io/JulianLaval/pen/KpLXOO/
*/
#Logo,#LogoReal,#LogoHist {
  width:100%;
  height:100%;
  position:fixed;
  text-align:center;
  top:0px;
  left:0px;
  
}

#LogoReal,#LogoHist {
/*  display: none; */
}

#Logo img  {
  height: 90%;
  vertical-align:middle;
  position:relative;
  top:5%;
  opacity: 0.3;
}
#LogoReal {
  background: url(/images/ny-bg.jpg) center center no-repeat no-repeat;
}
#LogoHist {
  background: url(/images/ny-bg.jpg) center center no-repeat no-repeat;
  filter: grayscale(100%);
}

.verticalMoreFiltersButton {
    position: fixed;
    background-color: #DDDDDD;
    padding: 1em;
    border-radius: 0.5em 0.5em 0 0;
    float: right;
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    top:10%;
    right:-0.5em;
    cursor:pointer;
} 

/* https://en.wikipedia.org/wiki/List_of_Unicode_characters */

.tAppendToReplay,.tAppendToWatch,.tRemoveFromWatch,.tRemoveFromReplay,.tStopOnQualityFilter,
.tAppendToProfit,.tRemoveFromProfit { 
  float:right;
  margin-top:-0.3em;
  margin-right:0.01em;
  cursor:pointer;
  font-weight:bold;	
  font-size:120%;
  color: #AAA;
}

.tStopOnQualityFilter::before{
  content:'\26D4';
  font-size:60%;
}
.tStopOnQualityFilter:hover{
  color: #e70000;
}

.tAppendToReplay::before,.tAppendToWatch::before,.tAppendToProfit::before {
  content:'\25CF';
 }
.tAppendToReplay:hover,.tAppendToProfit:hover {
  color: #000000;
}
.tAppendToWatch:hover {
  color: #e70000;
}

.tRemoveFromReplay::before {
  color: #000000;
  content:'\2660'; /*  spades */
}
.tRemoveFromProfit::before {
  color: #000000;
  content:'\2663'; /*  clubs  */
}

.tRemoveFromWatch::before {
  content:'\2665'; /*  hearts */
  color: #e70000;
 }
 
.tRemoveFromReplay:hover::before,.tRemoveFromWatch:hover::before,.tRemoveFromProfit:hover::before {
  content:'\00D7'; 
}


span.LastReport[data-stale="true"] {
  color:Red;
}
span.LastReport[data-stale="true"]::before {
  content:'Stale ';
}

#iexLogo {
  font-size:70%;
  margin-top:1em;
}
#iexLogo > a {
  color:blue;
}

#success-msg {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);  
  /* visibility:hidden;  */
  border:1px solid green;
  padding: 2em;  
  z-index:1000;
  opacity:100%;
  border-radius: 1em;
  display:none;
  background:Azure;
}