#modal-content{
    width:50%;
    margin:1.5em auto 0;
    padding:20px;
    border:5px solid #666;
    box-shadow: -2px 2px 10px #666;
    background:#ffffcc;
    z-index:2;
    position:fixed;
    max-height: 400px;
    overflow: scroll;
    overflow-x:hidden;
}
#modal-content p{
  line-height: 1.3;
}
#modal-content p:first-child{
  font-weight: bold;
}
ul#modal-list{
  margin: 15px 0 20px 0;
  padding-left: 20px;
  list-style-type: disc;
}
ul#modal-list li{
  margin: 10px 0 10px 0;
  line-height: 1.5;
}
ul#modal-list li a{
  color: #000;
  text-decoration: underline;
}
ul#modal-list li a:hover{
  text-decoration: none;
}
.modal-close{
  text-align: center;
}
.button-link{
  display: inline-block;
  border: solid 1px #737373;
  border-radius: 4px;
  padding:5px 10px 5px 10px;
  color:#000;
  font-size: 12px;
background: rgb(242,245,246);
background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
}
.button-link:hover{
    cursor:pointer;
}

#modal-overlay{
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}