.TTShighlight{
  background-color: #c0c0c0 !important;
  color: #000000 !important;  
}

body.TTShighlight{
  background-color: #c0c0c0 !important;  
}

p.TTShighlight{
  background-color: #c0c0c0 !important;
  color: #000000 !important;  
}

div.TTShighlight{
  background-color: #c0c0c0 !important;
  color: #000000 !important;  
}

h1.TTShighlight{
  background-color: #c0c0c0 !important;
  color: #000000 !important;  
}

a.TTShighlight{
  background-color: #c0c0c0 !important;
  color: #000000 !important;  
}

ul.TTShighlight{
  background-color: #c0c0c0 !important;
  color: #000000 !important;  
}

#TTScaptions{
  width: 98%;
  height: 120px;
  position: fixed;  
  background: #000000 !important;;
  color: #ffffff !important;;  
  text-align: center;
  font-size: 20px;
  font-family: sans-serif;
  padding: 20px 10px 10px 10px;
  z-index: 1000 !important;
}

.TTScaptions-bottom{   
  left: 0px;
  bottom: 70px;  
}

.TTScaptions-top{   
  left: 0px;
  top: 0px; 
}

#captions{
  width: 98%;
  height: 120px;
  position: fixed;  
  background: #000000 !important;;
  color: #ffffff !important;;  
  text-align: center;
  font-size: 20px;
  font-family: sans-serif;
  padding: 20px 10px 10px 10px;
  z-index: 1000 !important;
}

.captions-bottom{   
  left: 0px;
  bottom: 70px;  
}

.captions-top{   
  left: 0px;
  top: 0px; 
}

.TTSapp-visible{
  visibility: visible !important;  
}

.TTSapp-hidden{
  visibility: hidden !important;   
}

#TTSform{
  height: 0px !important;
  float: left;
  padding: 0px;
  margin: 0px;
  display: none;
}

#TTSiframe{
  height: 0px !important;
  float: left;
  padding: 0px;
  margin: 0px;
  display: none;
}