/*
 * UiO CSS: Additional Content
 *
 */

#vrtx-additional-content {
  font-size: 1em;
}

#vrtx-additional-content .left, 
#vrtx-additional-content .right {
  width: 125px;
  margin-left: 0px !important;
}

#vrtx-additional-content .left {
  margin-right: 10px !important;
}

#vrtx-additional-content .vrtx-frontpage-box,
#vrtx-additional-content .vrtx-feed,
.additional-information #vrtx-related-content .vrtx-feed,
#vrtx-additional-content .vrtx-recent-comments,
.additional-information #vrtx-related-content .vrtx-recent-comments {
  background: #fff;
  padding: 14px;
  border: 1px solid #e4e4e4;
  border-bottom: none;
  margin-bottom: 0px;
}

#vrtx-additional-content .vrtx-frontpage-box.grey-box {
  background-color: #f0eeea;
}

#vrtx-additional-content .vrtx-frontpage-box .vrtx-recent-comments,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-feed {
  font-size: 1em;
}

.additional-information #vrtx-related-content img,
#vrtx-additional-content #vrtx-related-content img {
  margin-bottom: 10px;
  max-width: 100% !important;
  height: auto;
}

.additional-information #vrtx-related-content .vrtx-img-container img,
#vrtx-additional-content #vrtx-related-content .vrtx-img-container img,
.additional-information #vrtx-related-content .vrtx-img-container img, 
#main #vrtx-additional-content .vrtx-img-container img {
  max-width: none !important;
  margin-top: 0px !important;
}

.additional-information #vrtx-related-content,
#vrtx-additional-content #vrtx-related-content {
  padding: 14px;
  border: 1px solid #e4e4e4;
  border-bottom: none;
  background-color: #fff;
}

.additional-information #vrtx-related-content {
  border-bottom: 1px solid #e4e4e4;
}

.additional-information * + #vrtx-related-content {
  margin-top: 20px;
}

.additional-information #vrtx-related-content .vrtx-feed,
#vrtx-additional-content #vrtx-related-content .vrtx-feed,
.additional-information #vrtx-related-content .vrtx-recent-comments,
#vrtx-additional-content #vrtx-related-content .vrtx-recent-comments {
  padding: 0;
  margin-bottom: 14px;
  border: none;
}

.additional-information #vrtx-related-content .vrtx-recent-comments ul li a.comments-title,
#vrtx-additional-content #vrtx-related-content .vrtx-recent-comments ul li a.comments-title,
.additional-information #vrtx-related-content .vrtx-feed ul li a.item-title,
#vrtx-additional-content #vrtx-related-content .vrtx-feed ul li a.item-title {
  font-weight: normal;
}

.additional-information #vrtx-related-content .vrtx-feed ul li .published-date,
.additional-information #vrtx-related-content .vrtx-recent-comments ul li .published-date,
.additional-information #vrtx-related-content .vrtx-event-component .vrtx-event-component-misc,
#vrtx-additional-content .vrtx-feed ul li .published-date,
#vrtx-additional-content .vrtx-recent-comments ul li .published-date,
#vrtx-additional-content .vrtx-event-component .vrtx-event-component-misc {
  font-size: 0.92em;
}

#vrtx-additional-content .vrtx-frontpage-box p.right {
  margin-top: 0;
}

#vrtx-additional-content .vrtx-frontpage-box .vrtx-frontpage-box-picture,
#vrtx-additional-content .vrtx-frontpage-box img,
#vrtx-additional-content .vrtx-event-component-picture img {
  margin-right: 0px;
  margin-left: 0px;
  float: none;
  margin-top: 10px;
  max-width: 100%;
  overflow: hidden;
}

#vrtx-additional-content div.vrtx-event-component-picture img {
  margin-top: 0px;
  margin-bottom: 10px; 
}

#vrtx-additional-content .vrtx-frontpage-box .vrtx-frontpage-box-picture img {
  margin-top: 0px;
}

#vrtx-additional-content ul,
.additional-information #vrtx-related-content ul,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-box-content ul,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-box-content div .vrtx-feed ul,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-box-content div .vrtx-recent-comments ul {
  margin: 10px 0 10px 1px;
  border: none;
}

#vrtx-additional-content .vrtx-frontpage-box .vrtx-recent-comments,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-feed {
  padding: 0px;
  border: none;
}

#vrtx-additional-content a.vrtx-event-component-title,
#vrtx-additional-content .vrtx-frontpage-box li a {
  font-weight: bold;
}

#vrtx-additional-content .vrtx-event-component h2 {
  margin-bottom: 15px;
}

#main #vrtx-additional-content .vrtx-frontpage-box.vrtx-header-false .vrtx-box-content .vrtx-event-component {
  margin-top: -4px !important;
}

#vrtx-additional-content .vrtx-frontpage-box .vrtx-event-component h2 {
  position: relative;
  margin-top: 0px;
}

.additional-information #vrtx-related-content .vrtx-feed.with-images li,
#vrtx-additional-content #vrtx-related-content .vrtx-feed.with-images li,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-feed.with-images li {
  background: none;
  margin: 0 0 25px 0;
  padding: 0;
  float: left;
  width: 100%;
}

.additional-information #vrtx-related-content .vrtx-feed.with-images img,
#vrtx-additional-content .vrtx-feed.with-images img {
  margin: 0 10px 10px 0;
  width: 90px;
  float: left;
}

#right-main .additional-information #vrtx-related-content .vrtx-feed.with-images img,
#right-main #vrtx-additional-content .vrtx-feed.with-images img {
  width: 65px;
}

.additional-information #vrtx-related-content a.more,
.additional-information #vrtx-related-content a.all-messages,
.additional-information #vrtx-related-content a.all-comments,
#vrtx-additional-content a.more,
#vrtx-additional-content a.all-messages,
#vrtx-additional-content a.all-comments {
  font-size: 1em;
  display: inline-block;
  float: right;
}

.additional-information #vrtx-related-content a.all-messages,
.additional-information #vrtx-related-content a.all-comments,
#vrtx-additional-content a.all-messages,
#vrtx-additional-content a.all-comments,
#vrtx-additional-content .vrtx-frontpage-box div.vrtx-more a {
  color: #333;
  font-size: 1em;
}

#vrtx-additional-content a.more {
  background: url(/vrtx/decorating/resources/dist/images/arrow-small-red.gif) no-repeat 100% 50%;
  padding-right: 14px;
}

#vrtx-additional-content a.all-messages,
#vrtx-additional-content a.all-comments {
  background: url(/vrtx/decorating/resources/dist/images/arrow-small-red.gif) no-repeat 100% 70%;
  padding-right: 19px;
}

#vrtx-additional-content .vrtx-feed a.feed-title,
.additional-information #vrtx-related-content .vrtx-feed a.feed-title,
#vrtx-additional-content .vrtx-recent-comments a.comments-title,
.additional-information #vrtx-related-content .vrtx-recent-comments a.comments-title,
#vrtx-additional-content .vrtx-frontpage-box h2 {
  color: #2b2b2b;
  font-size: 1.23em;
  line-height: 1.2em;
  font-weight: bold;
  /* clear: left; 
     Images float beside? */
}

#vrtx-additional-content .vrtx-feed,
.additional-information #vrtx-related-content .vrtx-feed,
#vrtx-additional-content .vrtx-recent-comments,
.additional-information #vrtx-related-content .vrtx-recent-comments,
#vrtx-additional-content .vrtx-frontpage-box h2 {
  margin-top: -4px;
}

#vrtx-additional-content #vrtx-related-content > h2:first-child {
  margin-top: -12px;
  border-top: none;
}

#vrtx-additional-content #vrtx-related-content > *:first-child > h2:first-child {
  margin-top: -15px;
  border-top: none;
}

#vrtx-additional-content #vrtx-related-content > *:first-child > .vrtx-recent-comments:first-child,
#vrtx-additional-content #vrtx-related-content > *:first-child > .vrtx-feed:first-child {
  margin-top: -15px;
  border-top: none;  
}

#vrtx-additional-content #vrtx-related-content > *:first-child > .vrtx-recent-comments:first-child a.comments-title,
#vrtx-additional-content #vrtx-related-content > *:first-child > .vrtx-feed:first-child a.feed-title {
  margin-top: 0px;
}

.additional-information #vrtx-related-content .vrtx-feed a.feed-title, 
#vrtx-additional-content .vrtx-feed a.feed-title,
.additional-information #vrtx-related-content .vrtx-recent-comments a.comments-title, 
#vrtx-additional-content .vrtx-recent-comments a.comments-title {
  display: block;
}

/* Exception */
#vrtx-additional-content .vrtx-course-program-did-you-know h2 {
  margin-top: -5px;
}

.additional-information #vrtx-related-content h2,
.additional-information #vrtx-related-content .vrtx-feed a.feed-title,
.additional-information #vrtx-related-content .vrtx-recent-comments a.comments-title,
#vrtx-additional-content #vrtx-related-content h2,
#vrtx-additional-content #vrtx-related-content .vrtx-feed a.feed-title,
#vrtx-additional-content #vrtx-related-content .vrtx-recent-comments a.comments-title {
  font-size: 1.23em;
  line-height: 1.2em;
  color: #2b2b2b;
  border-top: 1px solid #e4e4e4;
  margin-left: -14px;
  margin-right: -14px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px
}

.additional-information #vrtx-related-content h2 a,
#vrtx-additional-content #vrtx-related-content h2 a,
#vrtx-additional-content .vrtx-frontpage-box.vrtx-more-false h2 a {
  color: #0b5a9d;
}

.additional-information #vrtx-related-content .vrtx-recent-comments a.comments-title,
#vrtx-additional-content #vrtx-related-content .vrtx-recent-comments a.comments-title,
.additional-information #vrtx-related-content .vrtx-feed a.feed-title,
#vrtx-additional-content #vrtx-related-content .vrtx-feed a.feed-title {
  display: block;
}

#vrtx-additional-content .vrtx-frontpage-box h3,
.additional-information #vrtx-related-content h3,
#vrtx-additional-content #vrtx-related-content h3 {
  font-size: 1em;
  line-height: 1.29em;
}

#vrtx-additional-content .vrtx-frontpage-box .vrtx-event-component li,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-feed li,
#vrtx-additional-content .vrtx-frontpage-box .vrtx-recent-comments li {
  width: 100%;
}

.additional-information .vrtx-recent-comments li,
#vrtx-additional-content .vrtx-recent-comments li {
  margin-bottom: 15px;
}

#vrtx-additional-content .vrtx-published-date-left-side .vrtx-feed ul li {
  margin-bottom: 15px !important;
  float: left;
  width: 100%;
  background-image: none;
  list-style-type: none;
  padding-left: 0;
}

#vrtx-additional-content .vrtx-published-date-left-side .vrtx-feed ul li .item-description ul li {
  background: url(/vrtx/decorating/resources/dist/images/bullet-li-grey.png) no-repeat 0 7px !important;  
  margin: 2px 0 3px 0 !important;
  padding-left: 9px !important;
}

#vrtx-additional-content .vrtx-published-date-left-side .vrtx-feed ul li .published-date {
  float: left;
  width: 75px;
}

#vrtx-additional-content .vrtx-published-date-left-side .vrtx-feed ul li a.item-title {
  width: 175px;
  float: right;
}

#vrtx-additional-content .vrtx-published-date-left-side .vrtx-feed ul li .item-description {
  clear: both;
  float: left;
  width: 100%;
}

#vrtx-additional-content .vrtx-published-date-left-side a.all-messages {
  text-align: right;
}

#vrtx-additional-content .vrtx-only-title,
#vrtx-additional-content .vrtx-additional-content-blue-header {
  padding-bottom: 0px !important;
}

#vrtx-additional-content .vrtx-additional-content-blue-header h2 a {
  color: #0b5a9d;
}

#vrtx-additional-content .uio-topic-related {
  margin-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
  background-color: #f0eeea;
}

#vrtx-additional-content .vrtx-social-components {
  padding: 0px;
  margin: 10px 0 0 0;
}

#vrtx-additional-content .vrtx-share-at-component {
  margin-left: 0;
}

.additional-information #vrtx-related-content ul,
#vrtx-additional-content #vrtx-tags ul,
#vrtx-additional-content div.vrtx-subfolder-menu ul {
  padding: 0px !important;
  width: auto !important;
}

#vrtx-calendar-listing #vrtx-additional-content #vrtx-related-content {
  clear: left;
}

/* Boxes */

#vrtx-additional-content .vrtx-additional-content-box-picture-icon h2 {
  float: left;
}

#vrtx-additional-content .vrtx-additional-content-box-picture-icon .vrtx-frontpage-box-picture {
  float: left;
  margin: -5px 0 0px 10px;
  padding: 0px;
  max-width: none;
}

#vrtx-additional-content .vrtx-additional-content-box-picture-icon .vrtx-box-content {
  clear: left;
  float: left;
  width: 100%;
}

#vrtx-additional-content .vrtx-additional-content-blank-box {
  padding: 0px;
  border: none;
  background: none;
}

#vrtx-additional-content .vrtx-frontpage-box.vrtx-header-false .vrtx-frontpage-box-picture {
  margin-top: 0px;
}

#vrtx-additional-content .vrtx-distach-bottom {
  margin-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
}

/* ^ Boxes */

/* ^ UiO CSS: Additional content */
