body {
  margin: 5px;
  background-color: #ffffff;
}
form {
  margin: 0px;
  display: inline;
}
#body {
  width: 100%;
  height: 100%;
  border: 0;
}
#tabs {
  width: 100%;
  height: 24px;
  border: 0;
}
td.tab {
  font: normal 11px Tahoma, Arial;
  color: #000000;
  background: #e0e0e0 url(img/tabi.gif) top no-repeat;
  width: 100px;
  height: 20px;
  text-align: center;
  padding-top: 1px;
  cursor: pointer;
}
td.tabactive {
  font: bold 11px Tahoma, Arial;
  color: #ffffff;
  background: #4e86b6 url(img/taba.gif) top no-repeat;
  width: 100px;
  height: 20px;
  text-align: center;
  cursor: pointer;
}
td.end {
  font: bold 11px Tahoma, Arial;
  color: #404040;
  text-align: right;
  padding-right: 5px;
}
td.under {
  font-size: 0px;
  background-color: #4e86b6;
  height: 4px;
}
#menu {
  background-color: #4e86b6;
  width: 150px;
  padding: 10px;
  vertical-align: top;
}
#menu hr {
  border-top: 1px solid #295a84;
  border-bottom: 1px solid #9cccf5;
}
div.menuhdr {
  font: bold 10px Verdana, Arial;
  padding: 2px;
  padding-left: 5px;
  background-color: #6a9dc9;
  color: #b4d8f6;
  margin-top: 1px;
  margin-bottom: 1px;
}
#main {
  background: transparent url(img/corner.gif) top left no-repeat;
  text-align: left;
  vertical-align: top;
}
div.big {
  font: 24px Arial;
  color: #404040;
  padding: 3px;
  padding-left: 8px;
}
span.big {
  font: 15px Arial;
  color: #404040;
}
div.compose {
  background: transparent url(img/compose.gif) left no-repeat;
  padding: 3px;
  padding-left: 30px;
  font: 11px Tahoma, Arial;
  color: #ffffff;
  margin-bottom: 1px;
  width: 150px;
  border: 1px solid #4e86b6;
  cursor: pointer;
}
div.composesel {
  background: #ffa85b url(img/compose.gif) left no-repeat;
  padding: 3px;  
  padding-left: 30px;
  font: 11px Tahoma, Arial;
  color: #ffffff;
  margin-bottom: 1px;
  width: 150px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
div.check {
  background: transparent url(img/check.gif) left no-repeat;
  padding: 3px;
  padding-left: 30px;
  font: 11px Tahoma, Arial;
  color: #ffffff;
  margin-bottom: 1px;
  width: 150px;
  border: 1px solid #4e86b6;
  cursor: pointer;
}
div.folder {
  background: transparent url(img/folder.gif) left no-repeat;
  padding: 3px;
  padding-left: 30px;
  font: 11px Tahoma, Arial;
  color: #ffffff;
  margin-bottom: 1px;
  width: 150px;
  border: 1px solid #4e86b6;
  cursor: pointer;
}
div.foldersel {
  background: #ffa85b url(img/folder.gif) left no-repeat;
  padding: 3px;
  padding-left: 30px;
  font: 11px Tahoma, Arial;
  color: #ffffff;
  margin-bottom: 1px;
  width: 150px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
div.personal {
  background: transparent url(img/personalfolder.gif) left no-repeat;
  padding: 3px;  
  padding-left: 30px;
  font: 11px Tahoma, Arial;
  color: #ffffff;
  margin-bottom: 1px;
  width: 150px;
  border: 1px solid #4e86b6;
  cursor: pointer;
}
div.personalsel {
  background: #ffa85b url(img/personalfolder.gif) left no-repeat;
  padding: 3px;
  padding-left: 30px;
  font: 11px Tahoma, Arial;
  color: #ffffff;
  margin-bottom: 1px;
  width: 150px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
div.container {
  width: 100%;
  margin: 10px;
}
#maillist {
  width: 100%;
  border 0;
}
td.hdr {
  font: 11px Tahoma;
  background-color: #d0d0d0;
  color: #000000;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}
td.ldr {
  font: bold 11px Tahoma, Arial;
  background-color: #d0d0d0;
  color: #000000;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  width: 80px;
}
td.newmail {
  font: bold 11px Tahoma, Arial;
  color: #000000;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
td.oldmail {
  font: 11px Tahoma, Arial;
  color: #000000;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
td.mailinf {
  font: 11px Tahoma, Arial;
  color: #000000;
  padding: 10px;
}
td.sep {
  font-size: 0px;
  height: 1px;
  background-color: #d0d0d0;
}
tr.mailrow {
  cursor: pointer;
}
td.rdr {
  font: 11px Tahoma, Arial;
  padding-left: 5px;
}
td.rer {
  font: 11px Tahoma, Arial;
  padding-left: 2px;
}
a.attlnk {
  font: bold 10px Verdana, Arial;
  color: #2240a0;
  text-decoration: none;
}
a.attlnk:hover {
  color: #4460f0;
}
div.mailbody {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #d0d0d0;
  padding: 4px;
}
table.mailtools {
  width: 100%;
  height: 30px;
  border: 0;
}
td.mailtools {
  padding: 5px;
  background-color: #4e86b6;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
div.btn {
  display: inline;
  font: bold 10px Verdana;
  color: #404040;
  background-color: #e0e0e0;
  cursor: pointer;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 4px;
  border: 2px outset; #404040;
  margin-right: 4px;
  white-space: nowrap;
}
select.foldersel {
  font: 11px Tahoma, Arial;
}
input.ctext {
  font: 11px Tahoma, Arial;
  border: 0;
  background: #e0e0e0;
  border: 2px solid #e0e0e0;
  color: #000000;
  width: 50%;
}
div.sentmsg {
  font: 11px Tahoma, Arial;
}
a.sentlnk {
  font: bold 10px Verdana, Arial;
  color: #2240a0;
  text-decoration: none;
}
a.sentlnk:hover {
  color: #4460f0;
}
div.attmsg {
  font: 11px Tahoma, Arial;
  color: #000000;
}
input.attch {
  font: 11px Tahoma, Arial;
  border: 1px solid #808080;
  width: 300px;
}
li {
  margin-bottom: 10px;
}
span.attlnk {
  font: bold 10px Verdana, Arial;
  color: #2240a0;
  text-decoration: none;
  cursor: pointer;
}
div.folderinf {
  font: 11px Tahoma, Arial;
}
div.pf {
  font: bold 11px Tahoma, Arial;
  display: inline;
  position: relative;
  top: -1px;
}
table.login {
  background-color: #4e86b6;
}
td.login {
  font: bold 11px Tahoma, Arial;
  color: #ffffff;
  padding: 2px;
  padding-left: 8px;
  padding-right: 5px;
}  
input.login {
  font: bold 11px Tahoma, Arial;
  color: #000000;
  border: 1px solid #ffffff;
}
input.loginbtn {
  font: bold 10px Verdana;
  color: #404040;
  background-color: #e0e0e0;
  cursor: pointer;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 4px;
  border: 2px outset; #404040;
}
td.loginhdr {
  font: bold 10px Verdana, Arial;
  padding: 2px;
  padding-left: 5px;
  background-color: #6a9dc9;
  color: #b4d8f6;
  margin-top: 1px;
  margin-bottom: 1px;
}
td.sp {
  font-size: 0px;
  height: 5px;
}
table.signup {
  border: 0;
}
td.sleft {
  font: 11px Tahoma;
  color: #000000;
}
td.sright {
  font: 11px Tahoma;
  color: #000000;
}
input.sright {
  font: 11px Tahoma;
  color: #000000;
  border: 1px solid #b0b0b0;
  height: 19px;
}
select.sright {
  font: 11px Tahoma;
}
td.smiddle {
  text-align: center;
  padding-top: 5px;
}
input.smiddle {
  font: bold 10px Verdana;
  color: #404040;
  background-color: #e0e0e0;
  cursor: pointer;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 4px;
  border: 2px outset; #404040;
}
div.signuperr {
  width: 250px;
  border: 2px solid #f04040;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffa0a0;
  color: #802020;
  font: bold 11px Verdana;
  margin-bottom: 10px;
}
a.solnk {
  color: #2240a0;
  text-decoration: none;
}
a.solnk:hover {
  color: #4460f0;
}