﻿
@media screen, projection {
  .LinkBar { background-color: #D1E5FF; border: solid 1px #9DBDD8; display: block; margin-bottom: 11px; padding: 0 11px; }
  .LinkBar:focus, .LinkBar:hover { background-color: #FCE6BA; border: solid 1px #C0A776; text-decoration: none; }
  .LinkBar span { background-image: url(/Masters/Site/Images/Icons/InternalLink.gif); background-repeat: no-repeat; background-position: left center; color: #000; display: block; padding: 4px 11px 4px 20px; }
}

@media print {
  .LinkBar { display: none; }
}

.ThumbnailLinks { clear: left; margin-bottom: 11px; }
.ThumbnailLink {
  border: solid 1px #fff;
  clear: left;
  display: block;
  padding: 5px 11px 0 160px;
  position: relative; /* So the thumbnail is relative to this */
  height: 106px;
  outline-offset: -5px;
  text-decoration: none;
}
.ThumbnailLink img {
  background-color: #fff;
  border: solid 1px #d9d9d9;
  left: 5px;
  padding: 5px;
  position: absolute;
  top: 5px;
  height: 90px;
  width: 135px;
}
.ThumbnailLink-Title { display: block; color: #3A6E13; font-size: 9pt; font-weight: bold;}
.ThumbnailLink-Date { display: block; color: #006; font-size: 8pt; font-weight: lighter; margin-bottom: 3px; }
.ThumbnailLink-Description { display: block; color: #000; text-decoration: none; }
.ThumbnailLink:focus, .ThumbnailLink:hover { text-decoration: none; }
.ThumbnailLink:hover { background-color: #EBF3FD; border: solid 1px #B8D6FB; }
.ThumbnailLink:focus { background-color: #C1DBFC; border: solid 1px #7DA2CE; }