.reference_box{position:relative;margin:0 auto;background:white;border:1px solid #27ae60;border-radius:3px;}
.reference_box_title{font-size:15px;font-weight:bold;color:green;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.6);background:#ffffff;background:-moz-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#ffffff),color-stop(100%,#D8F3BA));background:-webkit-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:-o-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:-ms-linear-gradient(top,#ffffff 1%,#D8F3BA 100%);background:linear-gradient(top,#ffffff 1%,#D8F3BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#D8F3BA',GradientType=0);box-shadow:0px 0px 0px 1px rgba(15,186,15,0.3),1px 0px 0px 0px rgba(255,255,255,0.9) inset,0px 2px 2px rgba(15,186,15,0.3);border-bottom:1px solid #27ae60;border-radius:3px 3px 0 0;background-image:-webkit-linear-gradient(top,whiteffd,red);background-image:-moz-linear-gradient(top,whiteffd,#eef2f5);background-image:-o-linear-gradient(top,whiteffd,#eef2f5);background-image:linear-gradient(to bottom,whiteffd,#eef2f5);-webkit-box-shadow:0 1px whitesmoke;box-shadow:0 1px whitesmoke;margin:0;padding:10px 20px 10px 20px;text-align:left;}
.reference_box_content{padding:20px 15px 20px 15px;display:table-cell;vertical-align:middle;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;align-content:center;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;}
.reference_box_img{padding-left:2px;padding-right:2px;opacity:1;filter:alpha(opacity=100);}
.reference_box_img:hover{opacity:0.5;filter:alpha(opacity=50);border:1px;}