.tipsy {
  padding: 5px; 
  font-size: 14px; 
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  padding: 12px 20px 12px 20px;
  padding: 8px 12px 8px 12px;

  background: #161E16;
  background: #DDD;
  box-sizing: border-box;

  background-color: #222;
  text-shadow: 1px 1px 1px #AAA;
  text-shadow: 2px 2px 2px #111;

  color: #FFF;
  color: #E1E1E1;
  /*min-width: 250px;*/
  max-width: 310px;
  
  /*width: 280px;*/

  border-radius: 3px; 
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px; 

  border: 1px solid #777;
}

.tipsy-inner ol {
  font-size: 16px; 
  margin: 4px 8px;
}

.tipsy-inner ol li {
  color: #888;
  font-size: 14px;
}

.tipsy-inner ol li a {
  font-size: 13px;
}

.tipsy-arrow {
  position: absolute; 
  background: url('tipsy-dark-gray.png') no-repeat top left;
  width: 9px;
  height: 6px; 
}
  
.tipsy-n .tipsy-arrow {
  background-position: 50% 0;
  left: 50%;
  margin-left: -15px;
  margin-left: -5px;
  top: 0;
}


@-moz-document url-prefix() {
  .tipsy-n .tipsy-arrow {
    margin-left: -7px;
  }
}

.tipsy-s .tipsy-arrow {
  background-position: 50% 100%;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
}

.tipsy-e .tipsy-arrow {
  background-position: 100% 50%;
  height: 9px;
  margin-top: -4px;
  right: 0;
  top: 50%;
  width: 5px;
}

.tipsy-w .tipsy-arrow {
  background-position: 0 50%;
  height: 9px;
  left: 0;
  margin-top: -4px;
  top: 50%;
  width: 6px;
}