@Page {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
body {
	        
	        background-image: url("/images/LegitBack2.jpg");
	        	font-family: Helvetica, Arial, sans-serif;
    
}
    .left, .right, .center {
      
      color: black;
      height: auto;
      font-size: 10px
   }
   .left {
      background-color: tomato;
      float: left;
      text-align: center;
      width: 100%;
   }
   .right {
      background-color: teal;
      float: right;
      text-align: center;
   }
   .center {
      background-color: transparent;
      float: inherit;
   }
   .container:after {
      clear: both;
   }
	/* -------------------------------------------- BUTTONS -------------*/
	body .btn {
	 display: inline-block;
	 padding: 6px 14px 6px;
	 margin-bottom: 0;
	 font-family: Arial, sans-serif;
	 font-size: 14px;
	 line-height: 20px;
	 color: #000000;
	 text-align: center;
	 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	 text-decoration: none;
	 vertical-align: 0px;
	 cursor: pointer;
	 max-width: 100%;
	 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-image: -linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 95%);
	 background-repeat: repeat-x;
	 border: 0;
	 -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	         border-radius: 3px;
	 -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	 -webkit-transition: 0.1s;
	    -moz-transition: 0.1s;
	 transition: 0.1s;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	 box-sizing: border-box;         /* Opera/IE 8+ */
	}
	body .btn:hover {
	 background-color: #FFE14D;
	 -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	 margin-top: 0;
	 padding: 6px 14px 8px;
	}
	body .btn:active {
	 -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	         box-shadow: none;
	 margin-top: 0;
	 padding: 6px 14px 4px;
	}
	body .btn-gray { color:#A4A4A4; background-color: #D8D8D8; 
	    padding: 4px 14px;
	 font-size: 20px; }
	body .btn-gray:hover { background-color:#A4A4A4; }
	body .btn-dkblue { background-color: #054375; }
	body .btn-dkblue:hover { background-color:#0066b8; }
	body .btn-ltblue { background-color: #00a4d8; }
	body .btn-ltblue:hover { background-color:#01c2ff; }
	body .btn-black { background-color: #222222; }
	body .btn-black:hover { background-color:#444444; }
        body .btn-gold { background-color: #0404B4;
	 border-radius: 12px;
	 font-size: 12px;
	 color: #E7DFE8;
	 width: auto;
	 height: 30px;
     max-width: 100%
    }
    body .btn-gold1 { background-color: #0404B4;
	 border-radius: 10px;
	 font-size: 24px;
	 color: #E7DFE8;
	 width: 175px;
     max-width: 100%
    }
    body .btn-gold2 { background-color: #0404B4;
	 border-radius: 4px;
	 font-size: 10px;
	 color: #E7DFE8;
	 width: auto;
	height: 30px;
     max-width: 100%;
     
    }
    body .btn-gold:hover { background-color:#2E64FE; }
    body .btn-gold1:hover { background-color:#2E64FE; }
    body .btn-gold2:hover { background-color:#2E64FE; }
	body .btn-large {
	 padding: 8px 28px;
	 font-size: 20px;
	 line-height: 30px;
	 -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	         border-radius: 4px;
	 -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
	}
	body .btn-large:hover {
	 -webkit-box-shadow: inset 0 -6px 0 rgba(0,0,0,.2);
	    -moz-box-shadow: inset 0 -6px 0 rgba(0,0,0,.2);
	         box-shadow: inset 0 -6px 0 rgba(0,0,0,.2);
	 margin-top: -0px;
	 padding: 8px 28px 12px;
	}
	body .btn-large:active {
	 -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	         box-shadow: none;
	 margin-top: 3px;
	 padding: 8px 28px 5px;
	}
	   section1 {
	       width: 80%;
	       bottom: 55px;
	       position: fixed;
	       top: 50px;
	       background: transparent;
	}
        body   .explorer {
	       position: relative; 
	       bottom: 0px;
	       width: 80%;
	       height: 375px;
	}
	    body   .hh2 {
	       
	       bottom: 4px;
	       width: 100%;
	       height: 60px;
	       margin-left: 10%;
	       margin-right: 10%;
	}
		body   .forextable {
	       position: relative; 
	       
	       width: 50%;
	       height: 350px;
	}
		body   .indices {
	       position: absolute; 
	       bottom: 0px;
	       width: 80%;
	      	}
	 
	 m1 {
	     font-size: 10px;
	    
	 }
	 
	 #logo {
  background-image: url(images/LegitResultsLogo.png);
  width: 22px;
  height: 16px;
}
    .TViframe { 
        background-image: url("/TV_Widget/index.html");
        width: 99%;
        max-height: 75px;
        border: 0;
        background-color: transparent;
        
    }
	 .footer { 
        width: 99%;
        max-height: 75px;
        border: 0;
        background-color: transparent;
	 }	
	
	 hr1 { 
  display: block;
  color: grey;
  background-color: transparent;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  margin-left: 75px;
  margin-right: 75px;
  border-style: double;
  border-width: 8px;

} 

    	 hr2 { 
  display: block;
  color: grey;
  background-color: transparent;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  margin-left: 90px;
  margin-right: 90px;
  border-style: double;
  border-width: 8px;

} 
      hr111 { 
  display: block;
  width: auto;
  background-color: transparent;
  margin-bottom: auto;
  border-width: 4px;

   }
    hr1-1 { 
  display: block;
  color: black;
  background-color: black;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 200px;
  margin-right: 200px;
  border-style: inset;
  border-width: 4px;

} 
    hr1-2 { 
  
  color: black;
  background-color: black;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 150px;
  margin-right: 150px;
  border-style: inset;
  border-width: 4px;

} 
	LRLogo {
  background-image: url(/images/LegitResultsLogo-TBG.png);
  width: 40px; /* Width of new image */
  height: 30px; /* Height of new image */
}
.doubled      {
   border-bottom: double 10px;
}
	

.typing {
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.typing-effect {
  width: 26ch;
  animation: typing 2s steps(26), effect .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;

}

@keyframes typing {
  from {
    width: 0;
  }
}
    
@keyframes effect {
  50% {
    border-color: transparent;
  }
}