#status {
  position: fixed;
  bottom: 3ex;
  height: 1.1ex;
  width: auto;
  border-top: 1px solid red;
  left: 25ex;
  right: 0px;
  background-color: #fbb;
  overflow: hidden;
  /* moz-opacity: 0.75; */
  opacity: 0.75;
  z-index: 2;
}

#status:hover {
  height: auto;
}

#status p {
  margin: 1ex 5px 3px 5px;
}

#header {
  position: fixed;
  width: 100%;
  height: 4em;
  top: 0px;
  right: 0px;
  bottom: auto;
  left: 0px;
  font-variant: small-caps;
  font-family: sans-serif;
  border-bottom: 1px solid black;
}

#header h1 {
  margin: 0.33em;
  text-align: center;
}

#function {
  position: fixed;
  width: 25ex;
  height: auto;
  top: 4em;
  right: auto;
  bottom: 3ex;
  left: 0px;
  border-right: 1px solid black;
}

#function dl {
  margin: 1ex;
  background-color: #fbb;
  border: 1px solid #b00;
}

#function dt {
  margin: 0.5ex;
  background-color: #d88;
  border: 1px solid black;
}

#function a, #function a:visited, #function a:hover {
  padding: 0.5ex;
  padding-bottom: 0.2ex;
  text-decoration: none;
  color: black;
  font-family: 90%/1 sans-serif;
  display: block;
} 

#footer {
  position: fixed;
  width: 100%;
  height: 3ex;
  top: auto;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top: 1px solid black;
  z-index: 3;
}

#footer p {
  margin: 0px;
  margin-top: 2px;
  font-family: sans-serif;
}

hr { 
  display: none;
}

#page { 
  position: fixed;
  left: 25ex;
  right: 0px;
  top: 4em;
  width: auto;
  height: 4em;
  margin: 0px;
  margin-bottom: 1ex;
  margin-top: 1px;
  padding: 1ex;
  /* overflow: auto; */
}

#list {
  //clear: both;
  /* margin: 0.5ex; */
  padding-top: 0.5ex;
  width: 100%;
  z-index: 0;
  overflow: auto;
  position: fixed;
  left: 25ex;
  right: 0px;
  top: 7.7em;
  bottom: 4ex;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 2ex;
  margin-left: 1px;
  border-top: 1px solid black;
}

#list p {
  text-align: center;
  padding-bottom: 10px;
}

#list table, #list th, #list td {
  border: 1px solid #0bb;
  font-family: sans-serif;
}

#list form {
  margin: 0px;
}

#list table {
  margin-top: 0ex;
  border-collapse: collapse;
  background-color: #8dd;
  width: 100%;
}

#list th, #list td {
  padding: 2px 4px;
  text-align: left; 
}

#list th a, #list th a:visited, #list th a:hover,
#del_move_switch a, #del_move_switch a:visited, #del_move_switch a:hover {
  text-decoration: none;
  color: black;
  display: block;
}

#list th a:hover, #del_move_switch a:hover {
  color: #377;
}

#list [type=text], #list [type=password] {
  border: none;
  padding: 1px;
  background-color: #bee;
}

#list p [type=submit] {
  background-color: #6bb;
  border: 1px solid black;
  padding: 0.2em 0.5em;
}

#list .mod { 
 background-color: #bee;
}

#list [type=checkbox]  { 
  background: url("images/aee.png") repeat;
}

#list select { 
  background-color: #bee;
}

#list .account {
  white-space: nowrap;
}
  
#list .amount {
  text-align: right;
  text-align: ".";
  width: 7em;
}
/* .amount:after { content: "€" } */

#list .desc {
  width: 99%;
}

#list .func { 
  text-align: center;
}

#list .sum { 
  background-color: #7cc;
}

#list .sumsum { 
  background-color: #6bb;
}

#list .pass { 
  width: 8em;
}

#yearmonth {
  margin-top: 1ex;
}

#yearmonth fieldset { 
  border: none; /* 1px solid; */
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#yearmonth legend {
  margin: 0.5ex;
  padding: 1.1ex 0.5ex;
  font: 80%/1 sans-serif;
  background-color: #8d8;
  border: 1px solid #0b0;
}

#yearmonth p {
  margin: 0.5ex;
  padding: 0.5ex 1ex;
  position: absolute;
  top: 1.5ex;
  right: 0.5ex;
  font: 80%/1 sans-serif;
  background-color: #8d8;
  border: 1px solid #0b0;
  text-align: right;
  white-space: nowrap;
}

#yearmonth [type=text], #yearmonth select {
  vertical-align: middle;
  margin-left: 0.5ex;
  border: none;
  background-color: #afa;
}

#yearmonth [type=text] {
  margin-right: 0.5ex;
  text-align: right;
  padding-right: 0.5ex;
}

#yearmonth p [type=submit] {
  vertical-align: middle;
  background-color: #6b6;
  border: 1px solid black;
  margin-left: 0.7ex;
}

#lstatus {
  position: fixed;
  bottom: 3ex;
  height: 1.1ex;
  width: auto;
  border-top: 1px solid #b00;
  left: 0px;
  right: 0px;
  background-color: #fbb;
  overflow: hidden;
  /* -moz-opacity: 0.85; */
  opacity: 0.85;
  z-index: 2;
}

#lstatus:hover {
  height: auto;
}

#lstatus p {
  margin: 1ex 5px 3px 5px;
}

#auth_form, #reg_form, #confirm_form, #del_move_form { 
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
}

#auth_form { 
  margin-top: -8ex; /* ~16ex */
  margin-left: -17ex; /* ~34ex*/
  width: 34ex;
}

#reg_form {
  margin-top: -6ex; /* ~12ex */
  margin-left: -17ex; /* ~32ex*/
  width: 34ex;
}

#confirm_form {
  margin-top: -6ex; /* ~12ex */
  margin-left: -21ex; /* ~40ex */
  width: 42ex;
}

#del_move_form {
  margin-top: -6ex; /* ~12ex */
  margin-left: -23ex; /* ~46ex */
  width: 46px;
}

.lwindow fieldset {
  padding: 1em;
  font: 80%/1 sans-serif;
  white-space: nowrap;
}

#auth_form fieldset {
  background-color: #dd8;
  border: 1px solid #bb0;
}

#reg_form fieldset {
  background-color: #d8d;
  border: 1px solid #b0b;
}

#confirm_form fieldset {
  background-color: #88d;
  border: 1px solid #00b;
}

#del_move_form fieldset {
  background-color: #88d;
  border: 1px solid #00b;
}

.lwindow label {
  float:left;
  width:16ex;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  white-space: nowrap;
}

#del_move_form label {
  float: none;
  margin-left: 0.5em;
}

#confirm_form label {
  width: 33ex;
  margin-right: 1ex;
}

#confirm_form [type=radio] { 
  margin-left: 1ex;
  margin-top: 0ex;
}

.lwindow br {
  clear: left;
}

.lwindow legend {
  padding: 0.2em 0.5em;
  font-size: 90%;
  text-align: right;
}

#auth_form legend {
  border: 1px solid #bb0;
  background-color: #dd8;
  color: #660;
}

#reg_form legend {
  border: 1px solid #b0b;
  background-color: #d8d;
  color: #606;
}

#confirm_form legend {
  border: 1px solid #00b;
  background-color: #88d;
  color: #006;
}

.lwindow input {
  padding: 1px;
}

.lwindow p {
  margin-top: 1em;
  text-align: center;
  color: #666;
}

.lwindow p input {
  border: 1px solid black;
  padding: 0.2em 0.5em;
}

#auth_form p input {
  background-color: #bb6;
}

#reg_form p input {
  background-color: #b6b;
}

#confirm_form p input {
  background-color: #66b;
}

#del_move_form [type=text], #del_move_form select {
  vertical-align: middle;
  margin-left: 0.5ex;
  background-color: #66b;
}

#del_move_form [type=radio] {
  margin-top: 1ex;
}

#del_move_form [type=text] {
  padding-right: 0.5ex;
  text-align: right;
}

#del_move_form p {
  margin-left: auto;
  margin-right: auto;
}

#del_move_form [type=push] {
  background-color: #66b;
  margin-top: 1ex;
  text-align: center;
  color: #ccc;
}

.lwindow h2 { 
  font: 80%/1 sans-serif;
  position: fixed;
  bottom: 5ex;
  left: 0px;
  display: inline;
  margin: 2ex;
  border: 1px solid black;
  z-index: 1;
}
.lwindow h2 a { 
  padding: 0.2em 0.5em;
  display: block;
}
#auth_but { 
  background-color: #bb6;
}

#reg_but { 
  background-color: #b6b;
}

.lwindow a, .lwindow a:visited, .lwindow a:hover {
  text-decoration: none;
  color: black;
}

[type=submit]:hover, [type=reset]:hover , [type=push]:hover {
  cursor: pointer;
}