/* IE */
* html div.message-header {background-color: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
* html div.message-header span, * html div.message-header em  {top: 3px;} * html div.message-body em.attachments_num {top: 5px;}

div#forum, div.new-message textarea {font: 100%/100% Arial, Helvetica, Verdana;}
div#forum {margin: 0; width: 99%;}
div#forum h3 {font-size: 120%;}
div#forum h4 {font-size: 110%;}


/* MESSAGES */
div.messages a {text-decoration: none;}
div.messages ul {list-style: none; margin: 0; padding: 0;}
div.messages li {position: relative; padding: 1px 0; margin: 20px 0; border: 1px solid #CCCCCC;}
div.messages li.new {border-bottom-color: black; border-right-color: black;}
div.messages ul.reply {margin: 0 0 0 10px;}
div.messages ul.reply strong {font-weight: normal;}
div.messages ul.reply li {margin: 10px 0 1px 0; padding: 0 0 0 10px; border: none; background: url(separ.gif) no-repeat;}

/* MESSAGE */
div.message-header {position: relative; padding: 1px 3px; background: #ECECEC;}
div.message-header:hover, div.message-header.hover {background: #CCCCCC;}
div.message-header a {display: block; width: 100%;}
div.message-header strong {display: block; width: 55%;}
div.message-header span {font-size: 85%; position: absolute; top: 1px; right: 90px; width: 120px; display: block; height: 14px; overflow: hidden; color: black;}
div.message-header em {font-size: 85%; position: absolute; top: 1px; right: 0; width: 90px; display: block; height: 14px; overflow: hidden; color: black;}
div.message-header p.back {margin: 0; padding-top: 5px; line-height: 100%; text-align: right;}
div.message-body em.attachments_num {font-size: 85%; position: absolute; top: 2px; right: 250px; font-style: normal;}
div.message-body p {margin: 3px 10px 5px 10px; line-height: 120%;}

/* NEW MESSAGE */
div.new-message {padding: 0 10px; width: 460px; margin: 20px auto 0 auto; border: 1px solid gray; background: #EEEEEE;}
div.new-message p {margin: 0;}
div.new-message h3 {margin: 10px 0;}
div.new-message label {display: block; width: 70px; float: left;}
div.new-message textarea {margin: 5px 0 0 0; width: 455px; display: block;}
div.new-message p.message-text label {padding-top: 5px; width: 100px; font-weight: bold;}
div.forum-attachments h4 {margin: 10px 0 5px 0;}
div.forum-attachments label {display: inline; float: none;}

/* CONTROL CODE */
div.code {text-align: center; padding: 10px 0;}
div.code span.code-info {display: block; float: left; margin: 10px 0 0 0; width: 140px; text-align: left;}
div.code span.code-img {display: block; float: left; width: 150px;}
div.code span.code-input input {margin: 15px 0 10px 0; text-align: center; text-transform: uppercase;}
div.code p input {font-weight: bold; padding: 3px 10px;}

/* TYPE OF VIEW & SEARCH */
div.message-view {width: 230px; float: left; font-size: 85%;}
div.forum-search {margin-left: 250px; text-align: right; font-size: 85%;}

/* PAGER */
div#forum div.pager {padding: 5px; font-size: 85%; text-align: center;}
div#forum div.pager h3 {margin: 5px;}
div#forum div.pager a {padding: 2px;}
div#forum div.pager span {font-weight: bold;}

/* FORUM ATTACHMENTS */
div#forum div.attachment {margin-bottom: 10px;}
div#forum div.document {font-size: 85%; text-align: left; margin: 0 0 10px 10px;}
div#forum div.document div.icon {width: 40px; float: left;}
div#forum div.document img {border: none;}
div#forum div.document dl {margin: 0 0 0 50px; padding: 0 0 10px 0;}
div#forum div.document dt {width: 70px; float: left;}

/* REPORTS */
.report {margin: 10px 0; padding: 5px; text-align: center; border: 1px solid black;}