body {
  font-family: 'Segoe UI';
  font-size: 8pt;
  
  color: #cccccc;
  background: #333333 url(/layout/imgs/body-bg.png) repeat;
}

a {
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  font-weight: bold;
  color: #dddddd;
}

form {
  margin: 0px;
  padding: 0px;
  font-family: 'Segoe UI';
  font-size: 8pt;
}
input {
  margin: 0px;
  font-family: 'Segoe UI';
  font-size: 8pt;
}
textarea {
  font-family: 'Courier New';
  font-size: 8pt;
}

.txt-head {
  font-size: 14pt;
  font-weight: bold;
}
.txt-err {
  color: #ff8080;
}
.txt-suc {
  color: #80ff80;
}

.sb-top {
  width: 192px;
  min-height: 32px;
  background-image: url(/layout/imgs/sidebar-title.png);
  background-repeat: no-repeat;
}
.sb-top-icon {
  float: left;
  margin: 4px;
  width: 16px;
  min-height: 16px;
}
.sb-top-title {
  float: left;
  padding: 4px;
  padding-left: 5px;
  width: 159px;
  min-height: 16px;
  font-size: 9pt;
  font-weight: bold;
}
.sb-body {
  padding-left: 30px;
  padding-right: 4px;
  width: 158px;
  background-image: url(/layout/imgs/sidebar-body.png);
  background-repeat: repeat-y;
  font-size: 8pt;
}
.sb-end {
  min-height: 16px;
  width: 192px;
  background-image: url(/layout/imgs/sidebar-end.png);
  background-repeat: no-repeat;
}

.comm {
  font-size: 7pt;
  margin-bottom: 8px;
}
.comm-left {
  float: left;
  width: 96px;
  margin-right: 4px;
}
.comm-right {
  float: left;
  width: 500px;
}
.comm-top {
  background-image: url(/layout/imgs/comment-top.png);
  background-repeat: no-repeat;
  width: 500px;
  min-height: 12px;
}
.comm-body {
  background-image: url(/layout/imgs/comment-body.png);
  background-repeat: repeat-y;
  font-size: 8pt;
  color: #333333;
  width: 476px;
  padding-left: 12px;
  padding-right: 12px;
}
.comm-bottom {
  background-image: url(/layout/imgs/comment-bottom.png);
  background-repeat: no-repeat;
  width: 500px;
  min-height: 12px;
}