/********************************************************************

***          ECMS, Edwin's Content Management System              ***
*********************************************************************
***              CSS file for the content editor                  ***
*********************************************************************
* Filename: edit.css
* Author: Edwin Boersma, edwin at orangeport dot net
* ECMS-version: 1.0
* Revision 58, date: 2010-04-22
*********************************************************************
*** Usage instructions:
No changes should be made to this file.
********************************************************************/

#editor {
  background-color: #aaa;
  padding: 5px;
  position: relative;
  top: 10px;
}

#editor, #editor form, #editor p, #editor div, #editor span, #editor th, #editor td, #editor select, #editor h1, #editor h2, #editor h3 {
  color: black;

}
#editor button {
  font-size: 10px;
  color: white;
  background-color: black;
  border: none;
}

#editor button:hover {
  cursor: pointer;
}

#editor form input.widetext {
  width: 300px;
}

#editor form input.verywidetext {
  width: 400px;
}

#editor form input.superwidetext {
  width: 500px;
}

#editor form input.smallnumber {
  width: 45px;
  text-align: center;
}

#editor form input.verysmallnumber {
  width: 25px;
  text-align: center;
}

#editor form input, #editor select {
  font-size: 14px;
}

#editor .separator {
  display: block;
  margin-top: 5px;
  border-top: 1px solid black;
}

#editor tr.stripe td {
  background-color: skyblue;
}

#editor button.edit {
  font-size: 10px;
  color: white;
  background-color: black;
  border: none;
}

#editor button.edit:hover {
  cursor: pointer;
}

#editor .line.top {
  padding-top: 10px;
  border-top: 2px silver solid;
}

#editor .line.bottom {
  padding-bottom: 10px;
  border-bottom: 2px silver solid;
}

button.edit {
  font-size: 10px;
  color: white;
  background-color: black;
  border: none;
  -moz-border-radius: 5px;
}

button.edit.content {
  position: absolute;
}

button.edit:hover {
  cursor: pointer;
}