p.abstractText{
	padding: 0.5%;
	font-family: Open Sans;
	margin: 0.5%;
	font-size: 1.2em;
  }
  p.abstractText:hover{
	background-color: #eaeaea;
 }  
  .dt-buttons > button{
        padding: 0.5%; 
        border-radius: 5px;
        background-color: #eaeaea;
        font-family: Open Sans; 
        margin-right: 0.5%;
        margin-bottom: 0.5%;
        width: 10%;
   }
  .dt-buttons > button:hover{
        background-color: #f39c6c;
        color: white;
  }
  .citation{
        background-color: white !important;
  }
  .infrafrontier, .abstract {
        padding: 0.5%; 
        border-radius: 5px;
        background-color: #eaeaea;
        font-family: Open Sans; 
        font-size: 1.1em;
        margin-right: 1%;
  }
  .infrafrontier:hover, .abstract:hover{
        background-color: #f39c6c;
        color: white;
  }
  .ui-tooltip, .arrow:after {
    background: #fbdece;
    border: 2px solid white;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: black;
    border-radius: 20px;
    text-align: justify;
    /*width: 20%;*/
    font: bold 10px "Open Sans", Sans-Serif;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
 .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
.tdHidden{
	display: none;
}