.smallButton {
  padding: .2em .5em .2em 20px;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 95%;
  zoom: 1;
}

.smallButton span.ui-icon {
  margin: 0 5px 0 0;
  position: absolute;
  left: .2em;
  right: auto;
  top: 50%;
  margin-top: -8px;
}

.smallButton.right {
  padding: .2em 20px .2em .5em;
}

.smallButton.right span.ui-icon {
  margin: 0 0 0 5px;
  right: 0.2em;
  left: auto;
  margin-top: -8px;
}

.bigButton {
  padding: .4em 1em .4em 20px;
  margin: 0;
  text-decoration: none;
  position: relative;
  font-size: 105%;
  zoom: 1;
}

.bigButton span.ui-icon {
  margin: 0 5px 0 0;
  position: absolute;
  left: .2em;
  top: 50%;
  margin-top: -8px;
}

#demosList {
  float: left;
  width: 185px;
  margin: 0;
  padding: 0;
}

#demoContentContainer {
  margin-left: 200px;
  padding: 0;
}

#demosList div {
  padding: 0;
}

#demosList dl {
  padding: 0;
  margin: 0;
}

#demosList dl dt {
  font-size: 120%;
  font-weight: bold;
  padding: 0.2em;
  border-top: 1px solid #039;
  background: #cce5ff;
}

#demosList dl dt a:hover {
  color: #039;
}

#demosList dl dt.activeDemo {
  border: 3px solid #3d6dcc;
  border-bottom: none;
}

#demosList dl dd.activeDemo {
  border: 3px solid #3d6dcc;
  border-top: none;
}

#demosList dl dt:first-child {
  border-top: none;
}

#demosList dl dd {
  padding: 0.2em;
  padding-bottom: 0.2em;
  background: #cce5ff;
}

.demoLoadLink {
  padding-top: 0.1em;
  text-align: right;
}

a.demoLoadLink {
  color: #039;
}

#demoContentContainer > h3 {
  text-align: center;
  padding-top: 0.2em;
  padding-bottom: 1em;
  font-size: 120%;
}

#demoInputs, #demoPreviousResults {
  margin-top: 1em;
  width: 85%;
  position: relative;
  left: 7.5%;
  right: 7.5%;
}

#demoInputs div, #demoPreviousResults div {
  padding: 0;
  background: #cce5ff;
}

.demoTable {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #039;
  border-bottom: 1px solid #039;
  background: #9cf;
}

.demoTable td, .demoTable th {
  padding: 0.2em;
  margin-left: 0.2em;
  border-right: none;
}

.demoTable td {
  border-top: #3d6dcc solid 1px;
  width: 25%;
}

#inputsTable td select {
  display: block;
  width: 100%;
}

#inputsTable td.option {
  border-right: #039 dotted 1px;
  width: 1%;
}

.demoTable th {
  border-bottom: #039 solid 1px;
  background: #3d6dcc;
  padding-top: 0.2em;
  color: white;
  text-align: left;
}

#inputsTable td.last, #inputsTable th.last {
  border-right: 0;
}

.demoTable td:first-child, .demoTable th:first-child {
  border-right: 0;
}

.demoTable td.remove {
  width: 1%;
  border-right: #039 solid 1px;
}

#inputsTable #addHeader {
  border-right: #039 solid 1px;
}

#inputsOperations {
  text-align: right;
  margin: 0;
}

#inputsOperations ul {
  list-style: none;
  background: #;
  margin: 0;
  padding: 1em 0.8em;
}

#inputsOperations ul li {
  display: inline;
  padding-left: 0.4em;
}

#resultTable {
  border-bottom: none;
}

#resultTable td, #resultTable th {
  border-right: #039 solid 1px;
}

#resultTable td.option {
  border-right: #039 dotted 1px;
  width: 1%;
}

#resultTable td.last, #resultTable th.last {
  border-right: none;
}

#poweredBy {
  float: right;
  margin-right: 6%;
  margin-top: 1em;
  padding: 0;
}

.downloadDropdown, .resultDownloadDropdown {
  margin-left: 0.2em;
  position: absolute;
  overflow: hidden;
  display: block;
  z-index: 100;
}

.downloadDropdown ul, .resultDownloadDropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  border: 1px solid #039;
  background: #30AC83;
  color: white;
}

.downloadDropdown ul li, .resultDownloadDropdown ul li {
  background: none;
}

.downloadDropdown ul li a, .resultDownloadDropdown ul li a {
  margin: 0;
  padding: 0.4em;
  display: block;
  color: white;
  border-top: dotted 1px #039;
  font-size: 11px;
}

.downloadDropdown ul li:first-child a, .resultDownloadDropdown ul li:first-child a {
  border-top: none;
}

.downloadDropdown ul li a:hover, .resultDownloadDropdown ul li a:hover {
  color: #039;
}