.jot-err {
  background-color: #ffdddd;
  color: red; 
  font-weight: bold; 
  padding: 5px;
  padding-left: 16px; 
  margin-bottom: 10px; 
  margin-left: 30px; 
  width: 400px;
}

.jot-cfm {
  background-color: #b1c8e8;
  color: #235daa;
  font-weight: bold; 
  padding: 5px;
  padding-left: 16px; 
  margin-bottom: 10px; 
  margin-left: 30px; 
  width: 400px;
}

.jot-row {border: 1px solid #CCCCCC;margin-bottom: 10px;background-color: #e9e9e9;}
.jot-row-alt {background-color: #f9f9f9;}
.jot-row-author {background-color: #FFFFE1;}
.jot-row-me {border: 2px solid #d58fad; /*#FFDDDD*/;}
.jot-row-up {border: 1px dotted #ff0000;}
.jot-row-new {border: 1px dotted #1452a4;}
.jot-comment {padding: 3px;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}
.jot-posticon {float: right;width: 20px;height: 20px;padding-top: 8px;padding-right: 3px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px; text-decoration: none;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject {font-weight: bold;font-size: 1.1em;}
.jot-message {padding: 2px;overflow: auto;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-nav a {text-decoration: none;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside; list-style-type: none;}
.jot-list ul a {text-decoration: none;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form input, .jot-form textarea {border: 1px #CCCCCC solid; background-color: #f9f9f9;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block; padding-top: 5px;}
.jot-user {float: left;width: 150px; }
.jot-user span {font-weight: bold; color: #235daa}
.jot-content {margin-left: 150px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}