body {
    padding-top: 40px;
    padding-bottom: 0px;
    font-size: 12px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(to top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

header{
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
}

nav ul {
    list-style: none;
    padding: 0px;
}
nav ul li{
    margin-bottom: 2px;
}
li.topic{
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    border-bottom: 2px solid;
    list-style: none;
}

pre strong{
    font-size: 13px;
    color: #AC0101;
}
footer{
    text-align: center;
    padding-bottom: 0px;
}
ul.intro{
    margin-top: 20px;
}
ul.intro li{
    font-size: 14px;
    margin-bottom: 5px;
}

.centerpoplarge {
  font: 900 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -160px;
  margin-left: -250px;
  width: 500px;
  height: 450px;
  overflow: auto;
  background-color: #ddd;
  padding: 15px;
  border: 1px solid black;
  border-radius: 5px;
  white-space: nowrap;
  display: block;
}

.centerpopfull {
  font: 900 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  position: absolute;
  top: 30px;
  left: 5px;
  margin-top: 10px;
  margin-left: 5px;
  width: calc(100% - 20px);
  height: calc(100% - 50px);
  overflow: auto;
  background-color: #fff;
  padding: 15px;
  border: 1px solid black;
  border-radius: 5px;
  white-space: nowrap;
  display: block;
  z-index: 600;
}



.centerpopsmall {
  font: 900 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -130px;
  margin-left: -200px;
  width: 420px;
  height: 300px;
  overflow: auto;
  background-color: #ddd;
  padding: 15px;
  border: 1px solid black;
  border-radius: 5px;
  white-space: nowrap;
  display: block;
  z-index: 1039;
}

.centerpopverysmall {
  font: 900 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -130px;
  margin-left: -200px;
  width: 220px;
  height: 200px;
  overflow: auto;
  background-color: #ddd;
  padding: 15px;
  border: 1px solid black;
  border-radius: 5px;
  white-space: nowrap;
  display: block;
  z-index: 1039;
}

.centerpop {
  font: 900 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  width: 300px;
  height: 300px;
  overflow: auto;
  background-color: #ddd;
  padding: 15px;
  border: 1px solid black;
  border-radius: 5px;
  white-space: nowrap;
  display: block;
}

.centerpopverylarge {
  font: 900 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -280px;
  margin-left: -450px;
  width: 910px;
  height: 590px;
  background-color: #fff;
  padding: 15px;
  border: 1px solid black;
  border-radius: 5px;
  white-space: nowrap;
  display: block;
}

.buildyellow {
 background-color: #bdaa00;
}

.buildred {
 background-color: #bd2f2d;
}

.buildgreen {
 background-color: #57bd3c;
}