/*
 * TOOLTIP, CSS
 *
 *Author : Peter Defebvre
 *Email : peter@2600hz.com
 *Version : 1.0
 *
*/

.tooltip_header {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-top: 2px;

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

  background: rgb(125, 126, 125); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(125, 126, 125, 1) 0%,
    rgba(14, 14, 14, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(125, 126, 125, 1)),
    color-stop(100%, rgba(14, 14, 14, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(125, 126, 125, 1) 0%,
    rgba(14, 14, 14, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(125, 126, 125, 1) 0%,
    rgba(14, 14, 14, 1) 100%
  ); /* Opera11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(125, 126, 125, 1) 0%,
    rgba(14, 14, 14, 1) 100%
  ); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(
    top,
    rgba(125, 126, 125, 1) 0%,
    rgba(14, 14, 14, 1) 100%
  ); /* W3C */

  color: white;
  text-align: center;
}

.tooltip_body {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
  font-family: "Helvetica";
  font-size: 12px;
  color: #ffffff;
}

.tooltip_footer {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.tooltip_div {
  padding: 5px;
  border: 1px solid #ffffff;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 1px 1px 1px 1px #333333;
  background: #1e82e4;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#1e82e4),
    to(#036884)
  ) !important;
  background: -moz-linear-gradient(top, #1e82e4, #036884) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e82e4', endColorstr='#036884') !important;
  max-width: 300px;
}