body {
  margin: 2px;
  background: beige;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #4d4d4d;
  font-size: small;
  font-weight: bold;
}

#mainContent {
  width: 100%;
  min-width: 980px;
  margin: 10px auto;
  border: thin solid #5d5d5d;
  border-radius: 10px;
  overflow: hidden;
}

#page_header {
  text-align: center;
  background-color: #5d5d5d;
  border: medium #effeb9 solid;
  padding: 6px;
}

#header {
  font-size: 20px;
  font-weight: normal;
  color: #ffa500;
}

#page_contents {
  background-color: #effeb9;
}

table {
  border-spacing: 1px;
  empty-cells: show;
}

table.strip,
table.layout {
  width: 100%;
  background-color: #effeb9;
}

.section {
  width: 80px;
  padding: 5px;
  background-color: #effeb9;
  color: #5d5d5d;
  text-align: left;
  vertical-align: top;
}

#tdQuery {
  background-color: white;
  border: solid #5d5d5d 1px;
  border-radius: 8px;
  position: relative;
}

textarea {
  width: 45%;
  height: 120px;
  margin: 2px;
  padding: 10px;
  font-size: medium;
  font-family: Verdana, "Courier New", Courier;
  color: #474747;
  background-color: #fffafa;
  border: 2px inset silver;
  border-radius: 5px;
}

.sql-logo {
  float: right;
  margin-right: 45px;
  margin-top: 10px;
  font-size: 26px;
  color: #333;
  text-align: center;
  font-weight: bold;
}

button {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
}

.section button {
  width: 70px;
  min-height: 30px;
  margin-bottom: 4px;
  border-radius: 5px;
  border-style: outset;
  color: #5d5d5d;
  box-shadow: 0 0 3px sienna;
}

#output {
  background-color: beige;
  color: #5d5d5d;
  padding: 15px;
  min-height: 330px;
  overflow: auto;
  border: thin solid #5d5d5d;
  border-radius: 8px;
  line-height: 200%;
}

.good {
  color: green;
  margin-left: 40px;
}

.bad {
  color: red;
  margin-left: 40px;
}

#page_footer {
  background-color: #5d5d5d;
  color: #ffa500;
  text-align: center;
  padding: 5px;
  border: medium #effeb9 solid;
  font-size: small;
}

a {
  color: green;
  font-size: x-small;
}

#page_footer a {
  color: gold;
}

#table_blocks,
#column_blocks {
  background: #effeb9;
  padding: 4px;
  min-height: 30px;
}

.mcgoo-block {
  display: inline-block !important;
  min-width: 80px;
  margin: 2px;
  padding: 5px 10px;
  background: #718138;
  color: azure;
  border: 2px outset silver;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-shadow: 1px 1px 2px sienna;
}

.mcgoo-block:hover {
  background: #5d5d5d;
  color: gold;
}

.mcgoo-block.selected {
  background: #5d5d5d;
  color: gold;
}

.mcgoo-block.column {
  background: #8a9a45;
}

table.output {
  width: 100%;
  border-collapse: collapse;
  background: white;
}

table.output th {
  background: #909090;
  color: white;
  padding: 5px;
  border: 1px solid #5d5d5d;
}

table.output td {
  border: 1px solid #c3c3c3;
  padding: 5px;
  color: #4d4d4d;
}