<style type="text/css">
body {
  padding-top: 100px;
}

a.tooltip {outline:none; position: relative;}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none; cursor: help;} 
a.tooltip span {
z-index:10;display:none; padding:14px 20px;
width:400px; line-height:17px;
}

a.tooltip:hover span {
display:block;
  position:absolute;
  bottom: 2em;
  left: 0;
  color:#373535;
  border:2px solid #D3D3D3;
  background:#fffFff;
}

/*CSS3 extras*/
a.tooltip span
{
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    -moz-box-shadow: 1px 1px 8px #CCC;
    -webkit-box-shadow: 1px 1px 8px #CCC;
    box-shadow: 1px 1px 8px #CCC;
}

.main_button{
  color:#fff;
  padding:15px 20px;
  background-color: #008CBA;
  border:none;
  text-align:center;
  display:inline-block;
  font-size:1.2em;
}

.main_button:hover{
  background-color: #fff;
  color:#000;
}

</style>
