body {
  font: 12px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
  margin: 0;
}
.container {
  max-width: 700px;
  padding: 0 10px ;
}
.options {
  float: right;
  margin: 10px 0 0 0;
}
.textarea {
  background: #eee;
  border: 1px dashed #aaa;
  padding: 5px;
  color:  #c00;
  width: 700px;
  height: 400px;
  margin: 0 0 20px 0;
}
h1 {
  background: #9D608C;
  margin: 0;
  padding: 10px 10px ;
  color: #fff;
  font-size: 26px;
}
.submenu {
  background: #222;
  color: white;
  padding: 5px 10px ;
  margin: 0 0 20px 0;
}
.submenu a {
  color: white;
  text-decoration: none;
}
.color {
  color: #bbb;
}
h2 {
  padding: 0;
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 5px 0;
}
pre {
  color: #888;
}
#create_crud textarea {
  background: #eee;
  border: 1px dashed #aaa;
  padding: 5px;
  color: #0066FF;
  width: 450px;
  height: 200px;
}
#create_crud input[type='text'] {
  background: #eee;
  border: 1px dashed #aaa;
  color: #0033CC;
  width: 150px;
}
.message {
  color: red;
}
label {
  display: block;
  float: left;
  width: 130px;
}