body {
  font-family: monospace;
  font-size: 14px;
  padding-top: 8px;
}

.mainwindow {
  width: 94%;
  max-width: 1000px;
  margin: 0 auto;   /* centered */
  text-align: left;
}

.iframewindow {
  width: 98%;
  max-width: 1000px;
  margin-left: 10px;
  text-align: left;
}

.inputfield {
  width: 270px;
  box-sizing: border-box;
  border: 1px solid #C2C2C2;
  box-shadow: 1px 1px 4px #EBEBEB;
  border-radius: 3px;
  padding: 5px;
  outline: none;
  font-family: monospace;
  font-weight: bold;
}

.submitbutton {
  box-sizing: border-box;
  border: 1px solid #C2C2C2;
  box-shadow: 1px 1px 4px #EBEBEB;
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  outline: none;
  background: #eeffee;
  cursor: pointer;
  float: right;
  font-family: monospace;
  font-weight: bold;
}

.submitbutton:hover {
  background: #d0ffd0;
}

.submitbutton:active {
	background: #ff5656;
}

.bold {
  font-weight: bold;
  color: green;
  font-size: 150%;
}

.normaltext {
  font-size: 14px;
  font-family: Verdana, Geneva, sans-serif;
}

.smalltext {
  font-size: 12px;
}

.error {
  color: red;
  font-weight: bold;
}

.code {
  color: #336600;
  font-weight: bold;
  font-family: monospace;
}

.inputline {
    max-width: 340px;
}

.api {
	background: #abe1aa;
    padding: 10px 10px;
    border-radius: 5px;
    max-width: 450px;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 20px;	
}
.api ul {
    font-weight: normal;
    padding-left: 25px;
    margin-top: 10px;	
}
.api ul li {
    margin-bottom: 2px;
}
.api ul li:last-of-type {
    margin-bottom: 2px;
}
.api a {
    display: block;
    background: #43b640;
    width: 225px;
    text-decoration: none;
    color: #fff;
    padding: 5px 5px 8px 5px;
    border-radius: 5px;
    text-align: center;
    margin-top: 15px;
    font-weight: normal;	
}