.infospot {
border: 4px solid #005aaa;
}

.infospot{
background-color: #f3f3f3;
opacity: .9;
}

.infospot .toggle_btn { display: inline-block; width: 40px; vertical-align: top; }
.infospot .headline { display: inline-block; width: 375px; }

.infospot .header { padding-bottom: 10px; cursor: pointer; }
.infospot .header .close { opacity: 1; }
.infospot .header .close .csstooltip:after {
font-family: 'PT Serif', sans-serif;font-weight: normal;font-size: 38px;line-height: 67px;
}

.infospot .header .close { float: left; position: relative; top: auto; right: auto; margin-right: 10px; text-shadow: none; }
.infospot .header .close i.fa-info { display: none; }
.infospot .header .close.open i.fa-angle-down { display: none; }
.infospot .header .close.open i.fa-info { display: inline-block; }

.infospot .header .close i.fa-info { padding: 5px 5px 2px; }
.infospot .header .close i.fa-angle-down { padding: 5px 2px 2px; }
.infospot .header h1 { color: #fff!important; line-height: 33px; }
.infospot .header h2 { margin: 0px; font-size: 20px; margin-bottom: 5px;     margin-top: 5px; font-weight:bold; color: #ffe600; }

.infospot .middle ul { padding: 0px; margin: 0; }
.infospot .middle ul li { background: #3a3a3a; padding: 8px 20px 8px 10px; list-style: none; margin: 0; border-bottom: 1px solid black; font-weight: bold; }

.infospot .middle ul li a { border-bottom: 1px solid #ffe600; color: #ffe600; text-decoration: none; }

.infospot .middle ul li a:hover { background: #ffe600; color: #000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}