/* @override http://cps.local.practical.cc/stylesheets/sections/attachments.css */
.attachment_date_header {
  padding: 22px 20px 8px;
  margin: 0;
  border-bottom: 1px solid #d4d4d4;
  color: #666;
  font-size: 14px;
  text-transform: uppercase; }

.attachments_index {
  background: url(../images/bg-faux_col.png) repeat-y 540px; }

.attachment {
  border-bottom: 1px solid #d4d4d4;
  padding: 10px;
  background: #fcfcfc; }

.result .attachment {
  padding: 0 10px;
  background: #fff;
  border: 0; }

.result .attachment a.action {
  display: none; }

.attachment h2, .attachment p {
  margin: 0; }

.attachment .file_icon {
  float: left; }

.attachment .file_info {
  margin-left: 48px; }

.attachment h2 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 4px; }

.attachment .attachment_item a {
  background: url(/images/icons/attachment_12.gif) no-repeat left center;
  padding-left: 16px; }

.attachment .attachment_actions {
  float: right; }

#main.file_browser {
  background: white url(/images/bg-faux_col.png) repeat-y 812px 0; }

#attachments_browser .left {
  width: 600px; }

#attachments_browser .categories {
  width: 130px;
  padding-bottom: 50px; }

#attachments_browser .categories a {
  color: #8a8a8a;
  font-weight: bold;
  padding: 5px 10px;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  display: block; }

#attachments_browser .categories .active a {
  background: #aaa;
  color: #fff; }

.attachment-permission-tag {
  background-color: #B2DF8A;
  float: right;
  padding: 3px 3px 0 3px;
  border-radius: 5px; }

.attachment-permission-tag:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }