/****************************************
        Tabs
*****************************************/

.tabs {
  margin-left: 20px;
  margin-bottom: 0px;
  font-size: 0.8em;
}

.tabs a {
  border-top: 1px solid #6B90CB;
  border-right: 1px solid #6B90CB;
  border-left: 1px solid #6B90CB;
  padding: 2px;
}

.tabs a:hover {
  background-color: #6B90CB;
  color: #FFFFFF;
}

/****************************************
        Form
*****************************************/

.form {
  margin: 15px;
  margin-top: 0px;
  border: 1px solid #6B90CB;
  padding: 5px;
}

.form table {
  width: 100%;
}

.form col {
  vertical-align: top;
}

.form td.legend {
  text-align: center;
  color: #6B90CB;
  font-weight: bold;
}

.form label {
  display: block;
  margin-right: 4px;
  font-size: 0.8em;
  font-weight: bold;
  text-align: right;
}

.form button {
  display: block;
  width: 99%;
  margin-bottom: 2px;
  border: 1px solid #6B90CB;
  color: #6B90CB;
}

.form button:hover {
  color: #FFFFFF;
}

.form input, .form textarea, .form select {
  display: block;
  width: 99%;
  margin-bottom: 2px;
  border: 1px solid #6B90CB;
}

.form label.short {
  display: inline;
}

.form input.checkbox, .form input.radio {
  display: inline;
  width: auto;
  border: 0px;
}

.form div.error {
  color: red;
  font-size: 0.7em;
}

.form div.info {
  color: green;
  font-size: 0.7em;
}

.form td.buttonRow {
  text-align: center;
}

.form td.buttonRow button {
  display: inline;
  width: auto;
  min-width: 5em;
  border: 1px solid #6B90CB;
  font-size: 1.05em;
  color: #6B90CB;
}

.form td.buttonRow button:hover {
  color: #FFFFFF;
}