#ui #toolbar, 
#ui #info,
#ui #auth,
#ui #signup,
#ui #format,
#ui #customizer,
#ui #history,
#ui #editor,
#ui #search {
    background: #d6d6d6 url("../img/shadow42.png") repeat-x 0.0 -30.0px;
    border-bottom: solid 2.0px #ffffff;
    padding: 8px;
}

#ui {
  width: 48em;
  margin: 0;
  padding: 0;
}

#ui * {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.find {
    border: solid 8.0px #aa4477;
    position: fixed;
}

#format, #customizer, #auth, #signup, #history, #editor, #search {
    display: none;
}

#ui table td, #ui table th {
    padding: 0.4em;
    padding-left: 1.0em;
    vertical-align: top;
}

#ui table .current td {
    background: white;
}

#ui table td + td {
    background: #eeeeee url("../img/shadow24.png") repeat-y -40.0px 0.0;
    padding-left: 1.0em;
}

#ui table td {
    background: #eeeeee;
    text-align: left;
    border-top: solid 1.0px #cccccc;
}

#ui table th {
    background: #dddddd;
    text-align: left;
    border-bottom: solid 1.0px #bbbbbb;
}

#ui table a:hover {
    color: #330055;
}

#ui table a {
    color: #bb4477;
    text-decoration: none;
    cursor: pointer;
}

#ui table {
    width: 47em;
}

#ui div table td,
#ui div table th {
    font-size: 0.9em;
}

#ui a:hover {
    color: #330055;
}

#ui a.disabled {
    color: #999999;
    cursor: default;
}

#ui a.collapser:before {
    color: #999999;
    content: "\25b8  ";
}

#ui a.collapser.open:before {
    color: #330055;
    content: "\25be  ";
}

#ui a.collapser {
}

#ui a.option.opted:before {
    color: #330055;
    content: "+ ";
}

#ui a.option.opted:hover {
    background: white;
}

#ui a.option.opted {
    background: white;
    cursor: default;
}

#ui a.option:before {
    color: #999999;
    content: "+ ";
}

#ui a.option:hover {
    background: #dddddd;
}

#ui a.option {
}

#ui a {
    margin-left: 0.2em;
    margin-right: 0.2em;
    margin-bottom: 0.4em;
    color: #bb4477;
    font-size: 0.9em;
    text-decoration: none;
    cursor: pointer;
}

#ui input:focus {
    background: white url("../img/shadow02.png") repeat-x -15.0px;
    color: #aa4477;
    font-style: normal;
}

#ui input.full {
    color: #aa4477;
    font-style: normal;
}

#ui input.checkbox {
    color: red;
    width: 1em;
}

#ui input {
    background: white url("../img/shadow02.png") repeat-x -20.0px;
    margin: 0.5em 1em 0.5em 0em;
    width: 15.0em;
    border: none;
    color: #555555;
/*    font-style: italic; */
    font-size: 0.9em;
}

#ui textarea {
    background: #bbbbbb url("../img/shadow24.png") repeat-y -30.0px 0.0;
    width: 100.0%;
    border: none;
    margin-bottom: 1em;
    font-family: "Courier New", Courier, monospace;
    font-size: 0.9em;
    line-height: 1.3em;
}

#ui .status.error {
    color: #880000;
}

#ui .status span {
    font-size: 0.9em;
    font-weight: normal;
}

#ui .status {
    padding: 0.2em;
    color: #008800;
    font-size: 0.9em;
    text-align: right;
    margin-top: -1.65em;
}

.back-layer {position:relative;
                     z-index:1;
}

.front-layer {position:relative;
z-index:2;
}
#ui .menu {
    color: #008800;
    font-size: 0.9em;
    text-align: right;
    margin-top: -1.2em;
}

#ui br {
    margin-bottom: 1.2em;
}

#ui #history #author {
}

#ui #history #modified {
    width: 100.0px;
}

#ui #history .status {
    display: block;
    float: none;
    text-align: right;
    margin-top: 0.0;
}

#ui #history {
    background: #cccccc;
    border-bottom: solid 2.0px white;
    display: none;
}

#ui #info {
    font-size: 0.9em;
    color: #888888;
}

#ui #document {
    color : #330055;
}

#ui #info i {
    font-style: normal;
    font-weight: normal;
}

#ui #auth #user-ui {
    display: none;
}

#ui #auth #username, #ui #auth #username #password {
    margin-right: 1.0em;
}

#ui #auth #username {
}

#ui #auth {
}

#ui #signup #su-username, #ui #signup #su-username #su-password {
    margin-right: 1.0em;
}

#ui #signup #su-username {
}

#ui #signup {
}

#ui #editor #change, #ui #editor #rename {
    margin-bottom: 1.0em;
    width: 100.0%;
    display: block;
}

#ui #format span {
    color: #330055;
    font-size: 0.9em;
    margin-right: 2.0em;
}

#ui #customizer span {
    color: #202020;
    font-size: 0.8em;
    margin-right: 2.0em;
}

#ui #customizer a {
    font-size: 0.8em;
    line-height: 3em;
}

#ui #customizer span select {
    width: 14em;
}
 
#ui #format a.option {
    margin-left: 0.4em;
    margin-right: 0.0;
}

#ui #format {
}

#ui #search-terms {
    background: #aaa;
    border: solid 1.0px #ccc;
    margin: 0;
    width: 8em;
}

#ui #search ul {
  margin-left: 0;
  padding-left: 0;
}

#ui #search li {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding-left: 0;
   padding-right: 2em;
}

#ui #search {
  font-size: 0.9em;
}

#ui {
}

#togglebar {
    margin-top: 1.0em;
    margin-left: 1.0em;
    float: left;
    color: #222222;
    opacity: 0.5;
    font-size: 0.9em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
}

#loading {
    margin-top: 0.9em;
    margin-right: 1.0em;
    float: right;
}

#ui #toolbar table,
#ui #toolbar table td {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}

#stat-table th {
  color: green;
  font-weight: normal;
  font-style: normal;
}

#stat-table ul {
  list-style-type: none;
}

#stat-table ul>li {
  margin-left: -2em;
}