body {
  background-color: #dee3e7;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 8pt;
}

#content {
  margin: 30px;
}

#image {
  float: left;
  width: 220px;
  margin: 20px;
}

#image img {
  border: 1px black solid;
}

#header {
  padding-top: 40px;
}

hr.clear {
  clear: both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border: none;
  visibility: hidden
}

h1 {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22pt;
  line-height: 22pt;
  margin: 0px;
}

.login {
  border: 1px solid #656565;
  background-color: #ffffff;
  width: 300px;
  margin: auto;
}

.login-inner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 250px;
}

.login-inner th {
  text-align: right;
  font-weight: normal;
  font-size: 8pt;
}

#logout {
  float: right;
}

#list {
  clear: right;
}

#list table {
  border-collapse: collapse;
}

#list td {
  border: 1px solid #00688b;
}

#list th {
  border: 1px solid #00688b;
}


/** Rounded Corners **/

.ct, .cl, .cb {
  display: block;
  position: relative;
  height: 4px;
}

.ct {
  background: transparent url(images/ne.gif) no-repeat top right;
  top:-1px;
  right: -1px;
}

.ct .cl {
  background:transparent url(images/nw.gif) no-repeat top left;
  left:-2px;
}

.cb {
  background:transparent url(images/se.gif) no-repeat bottom right;
  bottom: -1px;
  right: -1px
}

.cb .cl{
  background:transparent url(images/sw.gif) no-repeat bottom left;
  left:-2px;
}