/**
 * @file
 * itweak_upload CSS file.
 *
 * Colors:
 * #DDD    - hover file item bg, list borders, image border
 * #000    - hover image border
 * #777    - file details font
 * #F0F0F0 - Inline file item
 * #AAAAAA - Inline file item border
 * #C8C8C8 - Inline file item shadow
 * red     - hover remove link font
 * green   - hover insert link font
 *
 * !important is used in some styles to forward-override defaults in themes
 *   3 times - width
 *   5 times - padding
 *   5 times - margin
 *   3 times - background
 *   4 times - border
 *   3 times - text-decoration
 *  total: 61 times
 * use !important in your theme customizations (local.css or similar) to re-theme.
 */

#upload-attachments {
  margin: 10px 0 0;
}

#edit-upload-wrapper {
  background: transparent url('icons/attachment.png') no-repeat left center;
  padding-left: 30px;
}

#upload-attachments {
  background: transparent;
  /* The following only provides separation between rows */
  border-collapse: separate !important;
  border-spacing: 0 6px;
  border: none;
}

#upload-attachments tr,
#upload-attachments th,
#upload-attachments td {
  background: transparent;
  border: none;
}

#attach-wrapper tbody {
  border: none;
}

#attach-wrapper .list {
  white-space: nowrap;
}

#attach-wrapper .file a {
  cursor: pointer;
  font-size: 85%;
  margin-left: 1em;
}

#attach-wrapper .file a:hover {
  background-color: #DDD;
}

#attach-wrapper .file a.itu-remove:hover {
  color: red;
}

#attach-wrapper .itu-insert .details,
#attach-wrapper .list .details, /* align vertical pos. of insert and list cells */
#attach-wrapper .file .details {
  color: #777;
  display: block;
  font-size: 85%;
}
#attach-wrapper .file input {
  margin-top: -2px; /* compensate for vertical shift - aligns v.pos. of rename/cancel/remove links */
}

#attach-wrapper .file {
  width: 100%;
  padding-left: 1em;
}

/* Insert link & selector */
#attach-wrapper td.itu-insert a {
  cursor: pointer;
  font-size: 85%;
  margin-right: 0.5em;
}
#attach-wrapper td.itu-insert a:hover {
  background-color: #DDD;
}
#attach-wrapper td.itu-insert a.itu-insert:hover {
  color: green;
}

#attach-wrapper td.itu-insert select {
  font-size: 85%;
}

/* Insert File CSS Sprites */
a.itu-insert-file {
  border: 1px solid #AAAAAA;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: -2px 2px 2px 0 #C8C8C8;
  -moz-box-shadow: -2px 2px 2px 0 #C8C8C8;
  box-shadow: -2px 2px 2px 0 #C8C8C8;
  display: inline-block;
  padding: 2px 6px 2px 24px !important;
  margin: 0 3px !important;
  min-width: 80px;
  height: 18px;
  min-height: 18px;
  width: auto;
  font-weight: bold;
  text-decoration: none !important;
}

/* CSS Sprites */
#attach-wrapper .mime {
  font-size: 14px;
  padding: 0;
  width: 32px;
  min-width: 32px;
}

/* On view */
table.itu-attachment-list tr,
table.itu-attachment-list th,
table.itu-attachment-list td {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  width: 0;
  height: 0;
}
/* Wrapper to fix table.itu-attachment-list width inside advanced forum frame */
.itu-attachments {
  width: auto;
  padding: 0;
}
table.itu-attachment-list {
  margin: 0;
  border: none;
  /* The following is required to apply borders to tbody */
  border-collapse: collapse !important;
  width: 100% !important;
  *border: 1px solid #DDD !important; /* IE6, IE7 fix of no border on tbody */
}
table.itu-attachment-list.withoutstats thead {
  display: none;
}
table.itu-attachment-list.withstats thead {
  display: table-header-group;
  text-wrap: none;
  white-space: nowrap;
  background: none;
  border: none;
}
table.itu-attachment-list.withstats thead .preview,
table.itu-attachment-list.withstats thead .file {
  opacity: 0;
  filter: alpha(opacity=0);	/* IE6 */
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
table.itu-attachment-list thead .download_count,
table.itu-attachment-list thead .download_last,
table.itu-attachment-list thead .download_stats {
  text-align: left;
}
table.itu-attachment-list thead th {
  border: none;
}
table.itu-attachment-list tbody {
  border: 1px solid #DDD !important;
  background: none;
}
table.itu-attachment-list tr {
  height: auto;
  background: none !important;
}
table.itu-attachment-list tbody td {
  padding-top: 3px;
  padding-bottom: 3px;
}
table.itu-attachment-list tbody tr:hover {
  background: #DDD !important;
}

table.itu-attachment-list .file {
  width: 80%;
  *width: auto;  /* IE6, IE7 only */
}

table.itu-attachment-list .download_count {
  padding-right: 1em;
  padding-left: 1em;
  text-align: right;
  width: auto;
}

table.itu-attachment-list .download_last {
  padding-right: 1em;
  width: auto;
  text-wrap: none;
  white-space: nowrap;
}

table.itu-attachment-list .size {
  padding-right: 1em;
  width: auto;
  text-align: right;
  text-wrap: none;
  white-space: nowrap;
}

/* CSS Sprites */
table.itu-attachment-list .mime {
  padding: 0 7px;
  margin: 0;
  width: 16px;
  min-width: 16px;
  height: 22px;
  min-height: 22px;
}

/* Styles for Image Attachments slider */
/* div.itu-attachment-images > div.item-list > ul.itu-attachment-thumbs > li.first/last > div.itu_attachment-thumb > a > img */
.itu-attachment-images * {
  margin: 0;
  padding: 0;
}

.itu-attachment-images {
/*  clear: both; */
  border: 1px solid #DDD;
  margin: 1em 0;
  padding: 5px 0 5px 5px;
  overflow-x: auto;
}

/* Special margin fixes for advanced forum wrapper */
.forum-post-wrapper .itu-attachment-images {
  margin-right: 1em;
}
.forum-post-wrapper .itu-attachments {
  padding-right: 1em;
}

.itu-attachment-images .item-list {
  margin: 0 !important;
  padding: 0 !important;
}

.itu-attachment-images ul {
  white-space:nowrap;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.itu-attachment-images ul li {
  display: inline;
  list-style: none;
  /* Force clean list styling */
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.itu-attachment-images ul li.last {
  padding-right: 5px !important;
}

/* Thumbnails styling in all views */
.itu-attachment-thumb {
  padding: 0;
  margin: 0;
  display: inline;
  text-align: center;
  vertical-align: baseline;
}
.itu-attachment-thumb a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: block;
  height: auto;
  vertical-align: baseline;
}
.itu-attachment-thumb a img {
  padding: 0;
  margin: 0;
  border: 2px solid #DDD;
  vertical-align: middle;
}
.itu-attachment-thumb a:hover img {
  border: 2px solid #000;
}

/* Revert block to inline for gallery */
.itu-attachment-images .itu-attachment-thumb a {
  display: inline;
}

/* Progress bar styling */
.ahah-progress {
  width: 100% !important;
}
.ahah-progress-bar {
  width: 100% !important;
  margin: 0 !important;
}

/* jCarousel Lite Prev/Next buttons */
.jcarousellite {
  position: relative;
  padding-left: 33px;
  padding-right: 33px;
}
.jcarousellite .item-list {
  display: block;
}
.itu-attachment-jcarousellite-prev,
.itu-attachment-jcarousellite-next {
  display: block;
  position: absolute;
  top: 0px;
  width: 31px;
  height: 100%;
  text-decoration: none !important;
}
.itu-attachment-jcarousellite-prev {
  background: url(icons/imageNavLeft.gif) no-repeat 2px 50%;
  left: 0;
}
.itu-attachment-jcarousellite-next {
  background: url(icons/imageNavRight.gif) no-repeat 2px 50%;
  right: 0;
}
.itu-attachment-jcarousellite-prev:hover {
  background-position: -52px 50%;
  background-color: #DDD;
}
.itu-attachment-jcarousellite-next:hover {
  background-position: -52px 50%;
  background-color: #DDD;
}
.itu-attachment-jcarousellite-prev:active {
  background-position: -106px 50%;
}
.itu-attachment-jcarousellite-next:active {
  background-position: -106px 50%;
}
/* Fixing jCarousel Lite spacing. */
.jcarousellite ul div { margin: 0 4px 0 0; }

/* div with view uploaded files forbidden message */
.itu-attachment-forbidden {
  border: 1px solid #DDD;
  background: none;
  padding: 0 5px;
  margin: 0 0 1em;
}