.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

#scicom-container { width: 720px; margin: 16px; border: 1px solid #666; -moz-border-radius: 8px; -webkit-border-radius: 4px; background: #fff; }
#scicom-workarea { padding: 16px 16px 48px 16px; }
.list-title { width: 480px; float: left; padding: 0; margin: 0; }
#scicom-topbar { background: #666; color: #fff; height: 58px; padding: 16px; }
#scicom-topbar .main-title { padding: 4px; color: #fff; font-size: 20px; float: left; }
#scicom-nav { float: right; padding-top: 4px; }
#scicom-nav li { float: left; padding-right: 16px;  }
#scicom-nav li a { color: #fff; }
.scicom-field { padding: 4px; }
.scicom-field label { width: 200px; text-align: right; display: block; float: left; font-weight: bold; margin-right: 8px; }
.scicom-field input { width: 400px; }
.scicom-field select { max-width: 400px; }
.scicom-field textarea { width: 400px; height: 150px; }
.scicom-buttons { text-align: right; border-top: 1px dotted #ddd; padding: 16px; margin-top: 32px; }
.scicom-buttons-top { float: right; }
.scitable { border: 1px solid #666; width: 100%; border-collapse: collapse;  margin-top: 48px; }
.scitable th { border: 1px solid #666; background: #666; color: #fff; }
.scitable td { border: 1px solid #666; text-align: right; padding: 2px; }
.scitable td + td { text-align: left; }