body {
  margin: 0;
  height: 100%;
  padding: 0;
  background-color: #e3e7ea;
  background: -webkit-linear-gradient(bottom,#d3d7da,#fff 25%,#e3e7ea);
  background: -ms-linear-gradient(bottom,#d3d7da,#fff 25%,#e3e7ea);
  background: -moz-linear-gradient(bottom,#d3d7da,#fff 25%,#e3e7ea);
  background: -o-linear-gradient(bottom,#d3d7da,#fff 25%,#e3e7ea);
  font-family: verdana,helvetica,arial,sans-serif; 
}

#statuswin {
  position: absolute;
  left: 800px;
  width: 360px;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #c3c7ca;
  background: -webkit-linear-gradient(bottom,#c3c7ca,#e3e7ea);
  border: 1px solid #999;
  visibility: hidden;
  z-index: 999;
}

#statuswin a {
  width: 100%;
}

#statuswin a:hover {
  background-color: #ccf;
}

#statusshow {
  transition: top 1s;
  -webkit-transition: top 1s;
  top: 0;
}

#consolewin,#chatwin,#inspectorwin,#logwin,#loginwin {
  border-radius: 10px;
/*  padding:0 0 0 0; */
  padding:10px;
  position: absolute;
}

#loginwin {
  left: 45%;
  width: 120px;
  border: 1px solid #999;
  visibility: visible;
  z-index: 1000;
}
#loginwin input {
  width: 100%;
  margin: 0;
  padding: 0;
}
#loginwin p {
  width: 100%;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}

#logwin {
  left:30px;
  top:30px;
  width:600px;
}

#logout {
  height: 300px;
}

#consolewin {
  left:30px;
  top:30px;
  width:800px;
  height:600px;
  overflow: scroll;
}

#chatwin {
  left:880px;
  top:30px;
  width:320px;
  height:240px;
}

#inspectorwin {
  left:800px;
  top:300px;
  width:600px;
  height:400px;
  visibility:hidden;
  overflow: scroll;
}

.disabled .wintitle {
  background-color: #d9d9e0;
  background: -webkit-linear-gradient(bottom,#d9d9e0,#e9e9ff);
  background: -ms-linear-gradient(bottom,#d9d9e0,#e9e9ff);
  background: -moz-linear-gradient(bottom,#d9d9e0,#e9e9ff);
  background: -o-linear-gradient(bottom,#d9d9e0,#e9e9ff);
} 

.disabled input {
  background-color: #f9f9f9;
}

.wintitle h3 {
  margin-top: 0px;
}

.wintitle {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #bcd;
  background: -webkit-linear-gradient(bottom,#bcd,#cde);
  background: -ms-linear-gradient(bottom,#bcd,#cde);
  background: -moz-linear-gradient(bottom,#bcd,#cde);
  background: -o-linear-gradient(bottom,#bcd,#cde);
  margin-top: -10px;
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.winbody {
  width: 100%;
  padding-left: 10px;
  margin-left: -10px;
  overflow: auto;
}


.enabled {
  -moz-box-shadow: 1px 1px 7px #bbb;
  -ms-box-shadow: 1px 1px 7px #bbb;
  -webkit-box-shadow: 1px 1px 7px #bbb;
  box-shadow: 1px 1px 7px #bbb;
  border:1px solid #bbb;
  background-color: #fff;
}

.disabled td {
  color: #999;
}

.disabled .etable {
  border: solid 1px #ddd;
}

.disabled .etable th, .disabled .etable td {
  border: solid 1px #ddd;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.disabled .etable td:first-child, .disabled .etable th:first-child {
  border-right: solid 2px #aaa;
  background-color: #eee;
  width: 3em;
}
.disabled .etable tr:nth-child(odd) {
  background-color: #f0f0ff;
}
.disabled .etable tr:first-child {
  border-bottom: solid 2px #aaa;
  background-color: #eee;
}



.disabled {
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  -ms-box-shadow: 0;
  box-shadow: 0;
  color: #999;
  border: 1px solid #bbb;
  background-color: #fafafa;
}


.etable {
  border: solid 1px #bbb;
  border-collapse: collapse;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: scroll;
}

.etable th,.etable td {
  border: solid 1px #bbb;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.etable td:first-child, .etable th:first-child {
  border-right: solid 2px #666;
  background-color: #ccc;
  width: 3em;
}
.etable tr:nth-child(odd) {
  background-color: #eef;
}
.etable tr:first-child {
  border-bottom: solid 2px #666;
  background-color: #ccc;
}



#autocomplete {
  padding:2px;
  border:solid 1px #999;
  background-color:#ffa;
  opacity:0.8;
  visibility:hidden;
  position:absolute;
  z-index: 1000;
}

#popupmenu {
  border-radius: 5px;
  min-width: 120px;
  text-align: center;
  padding: 0 4px 0 0;
  border:solid 1px #333;
  background-color:#ccc;
  background: -webkit-linear-gradient(bottom,#ccc,#eee 33%,#ccc);
  background: -moz-linear-gradient(bottom,#ccc,#bbb 33%,#ccc);
  background: -ms-linear-gradient(bottom,#ccc,#bbb 33%,#ccc);
  background: -o-linear-gradient(bottom,#ccc,#bbb 33%,#ccc);
  -moz-box-shadow: 1px 1px 7px #bbb;
  -ms-box-shadow: 1px 1px 7px #bbb;
  -webkit-box-shadow: 1px 1px 7px #bbb;
  box-shadow: 1px 1px 7px #bbb;
  opacity:0.9;
  visibility:hidden;
  position:absolute;
  z-index: 1000;
}

#popupmenu a:first-child {
  margin-top: 0;
  border-radius: 5px 5px 0 0;
}

#popupmenu a:last-child {
  border-radius: 0 0 5px 5px;
}

#popupmenu a {
  float: left;
  margin: 2px 0 0 0;
  padding: 2px;
  color: #000;
  width: 100%;
  text-decoration: none;
}
#popupmenu a:hover {
/*  border-radius: 5px; */
  background-color: #99f;
}

