popup.css

/*
  To remeber:
  MaxWidth = 800;
  MaxHeight = 600;
*/

body {
  margin: 0px;
  width: 800px;
}    
button {
  height: 30px;
  width: 150px;
  outline: none;
  margin-bottom: 10px;
}
.header {
  background-color: #000078;
  color: white;
}
.instructions {
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
.instructions ol {
  list-style-position: outside;
  padding: 0px 0px 0px 20px;
  margin-top: 0px;
}
.instructions li {
  margin-left: 0px;
}
.header h1 {
  margin: 0px;
  padding: 10px;
}
.results {
  display: none;
  margin-left: 10px;
  margin-right: 10px;
}
.results .value {
  font-size: 150%;
  font-weight: bold;
}
.results .box {
  font-family: "Segoe UI", Tahoma, sans-serif;
  float : left;
  text-align: center;
  background-color: #000078;
  color: white;
}
.results .nodesBox {
  width: 300px;
  height: 40px;
  padding: 7px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.results .edgesBox {
  width: 300px;
  height: 40px;
  padding: 7px;
  margin-top: 10px;
  margin-bottom: 10px;   
  margin-right: 10px;     
}
.results .utilBox {
  background-color: #CFCFCF;
  width: 117px;
  height: 40px;
  padding: 7px;
  margin-top: 10px;
  margin-bottom: 10px; 
}
.utilBox a {
  text-decoration: none;
  color: white;
  pointer-events: none;
}
.graph {
  border: 1px solid black;
  margin-bottom: 10px;
  clear : both;
}
.results table {
  border: 1px solid black;
  width: 100%;
}
.results tbody {
  display: block;
  overflow: auto;
  height: 60px;
  width: 770px;
}
.results tbody tr:nth-child(even) {
  background: #CCC
}
.results thead tr {
  display: block;
  background-color: #000078;
  color: white;
}
.footer {
  margin-top: 10px;
  background-color: #000078;
  color: white;
  height: 20px;
}
.footer #message {
  text-align: center;
  font-style: italic;
  font-size: 95%;
  margin-right: 10px;
  margin-left: 10px;
}