/*
 * UiO CSS: Grids
 *
 */

/*
 * Top-bottom grid
 *
 */

html {
  background-color: #fff;
}

body {
  background-color: #f8f8f8;
  min-width: 1000px;
  text-align: left;
}

#uiodoc-wrapper,
#main,
#head,
#globalnav, 
#bottomnav, 
#footer {
  position: relative;
}

#uiodoc-wrapper {
  min-width: 970px;
  margin: 0 auto;
  clear: left;
}

#uiodoc {
  width: 970px;
  margin: 0 auto;
}

#head-globalnav {
  background: #000 url(../images/head-black-gradient.png) repeat-x left bottom;
}

#head {
  width: 970px;
  height: 116px;
  margin: 0 auto 20px auto;
}

#globalnav {
  background-color: #000;
  width: 968px;
  height: 35px;
  margin: -21px auto 20px auto;
  border: 1px solid #d0d0d0;
  border-width: 0 1px 1px 0;
}

#bottomnav,
#footer-wrapper {
  padding: 14px;
}

#bottomnav {
  background-color: #fff;
  margin: 20px 0 20px 0;
  border: 1px solid #e4e4e4;
}

#footer-wrapper {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
}

.info-link-close {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  left: 12px;
  background: url(/vrtx/decorating/resources/dist/images/info-link-close.png) no-repeat 0 0;
}

.info-link-wrapper {
  background-color: #707070;
  padding: 8px 0 11px;
  color: #fff;
}

.info-link-wrapper a {
  color: #fff;
  text-decoration: underline;
}

.info-link,
#footer {
  width: 940px;
  margin: 0 auto;
}

#vrtx-event-listing #main,
#vrtx-web-page #main,
#vrtx-structured-article #main,
#vrtx-structured-event #main,
#vrtx-structured-project #main,
#vrtx-person #main {
  z-index: 999;
}

body.page-left-adjusted #uiodoc-wrapper,
body.page-left-adjusted #uiodoc,
body.page-left-adjusted #head,
body.page-left-adjusted #globalnav,
body.page-left-adjusted #head-breadcrumb,
body.page-left-adjusted #footer {
  margin-left: 15px !important;
}

#nav,
#menu-outer-wrapper,
#menu-navigation,
#menu-search,
#menu-bottomnav {
  display: none;
}

figure, figcaption {
  margin: 0;
  padding: 0;
}

header, section, footer, aside, nav, article, figure, figcaption {
  display: block; 
}

/* ^ Top-bottom grid */

/*
 * Document grid
 *
 */

#total-main {
  padding: 14px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  width: 940px;
}

#left-main {
  float: left;
  padding-bottom: 20px;
  width: 190px;
}

#left-main.hidden {
  display: none;
}

#right-main {
  float: left;
  margin-left: 20px;
  width: 730px;
  background-color: #fff;
  padding: 14px;
  border: 1px solid #e4e4e4;
  margin-right: -1px;
}

#vrtx-main-content {
  float: left;
  clear: left;
  width: 660px;
  padding: 14px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  margin-right: -1px;
}

#vrtx-additional-content {
  float: left;
  margin-left: 20px;
  width: 290px;
  border-bottom: 1px solid #e4e4e4;
}

#vrtx-content {
  clear: left;
}

#right-main #vrtx-content {
  padding: 1px;
  width: 760px;
  margin: -16px;
  background-color: #f8f8f8;
  float: left;
}

#right-main #vrtx-main-content {
  width: 507px;
}

#right-main #vrtx-additional-content {
  width: 203px;
}

/* TODO: Cleanup of grid is needed below */

#vrtx-web-page #total-main,
#vrtx-structured-article #total-main,
#vrtx-structured-event #total-main,
#vrtx-structured-project #total-main,
#vrtx-person #total-main,
#vrtx-unit #total-main,
#vrtx-program-frontpage #total-main,
#vrtx-program-option #total-main,
#vrtx-program-structure #total-main,
#vrtx-person-listing #total-main,
#vrtx-minestudier-courseinfo #total-main,
#vrtx-student-exchange-agreement #total-main {
  width: 970px;
  border: none;
  padding: 0;
  background-color: transparent;
}

#vrtx-web-page #total-main #vrtx-main-content,
#vrtx-structured-article #total-main #vrtx-main-content,
#vrtx-structured-event #total-main #vrtx-main-content,
#vrtx-structured-project #total-main #vrtx-main-content,
#vrtx-person #total-main #vrtx-main-content,
#vrtx-minestudier-courseinfo #total-main #vrtx-main-content,
#vrtx-student-exchange-agreement #total-main #vrtx-main-content {
  width: 630px;
}

#total-main #vrtx-main-content.vrtx-hide-additional-content-true {
  width: 940px !important;
}

#vrtx-frontpage #vrtx-main-content,
#vrtx-organizational-unit #vrtx-main-content,
#vrtx-person #vrtx-main-content,
#vrtx-person-listing #right-main,
#vrtx-frontpage #total-main,
#vrtx-organizational-unit #total-main,
#vrtx-person-listing #total-main,
#vrtx-unit #vrtx-main-content,
#vrtx-semester #vrtx-main-content,
#vrtx-course-description #vrtx-main-content,
#vrtx-unit-person-listing #vrtx-main-content,
#vrtx-unit-person-listing #total-main,
#vrtx-unit-person-listing #right-main,
#vrtx-program-frontpage #vrtx-main-content,
#vrtx-program-option #vrtx-main-content {
  padding: 0px;
  border: none;
  background-color: transparent;
}

#vrtx-frontpage #total-main,
#vrtx-organizational-unit #total-main,
#vrtx-unit #total-main #vrtx-main-content,
#vrtx-adademics-programme #total-main,
#vrtx-adademics-programme-option #total-main {
  width: 970px;
}

#vrtx-program-option #right-main #vrtx-main-content,
#vrtx-semester #right-main #vrtx-main-content,
#vrtx-course-description #right-main #vrtx-main-content,
#vrtx-frontpage #right-main #vrtx-main-content,
#vrtx-organizational-unit #right-main #vrtx-main-content,
#vrtx-person #right-main #vrtx-main-content {
  width: 537px;
}

#vrtx-unit-person-listing #right-main #vrtx-main-content {
  width: 760px;
}

#vrtx-unit-person-listing #right-main #vrtx-main-content.vrtx-unit-person-listing-affiliated {
  padding: 16px;
}

#vrtx-contact-supervisor #right-main #vrtx-main-content {
  width: 730px;
}

#vrtx-collection #total-main #vrtx-content,
#vrtx-article-listing #total-main #vrtx-content,
#vrtx-event-listing #total-main #vrtx-content,
#vrtx-project-listing #total-main #vrtx-content,
#vrtx-research-group-listing #total-main #vrtx-content,
#vrtx-master-listing #total-main #vrtx-content {
  margin: -15px;
  background-color: #f8f8f8;
  width: 970px;
  float: left;
}

#vrtx-unit-person-listing #total-main #vrtx-main-content {
  width: 970px;
}

#vrtx-event-listing #vrtx-calendar-listing {
  margin: -15px;
  background-color: #f8f8f8;
  float: left;
}

#vrtx-event-listing #vrtx-calendar-listing #vrtx-main-content {
  padding-bottom: 0px;
}

#vrtx-event-listing #vrtx-calendar-listing .vrtx-resource {
  width: 100%;
}

#vrtx-unit #right-main #vrtx-main-content,
#vrtx-person-listing #right-main {
  width: 760px;
}

/* full width article */
#right-main #vrtx-main-content.vrtx-hide-additional-content-true {
  width: 730px !important;
}

#vrtx-organizational-unit #right-main #vrtx-main-content.vrtx-hide-additional-content-true {
  width: 760px !important;
}

.vrtx-related-content-after-listing {
  float: left;
  width: 100%;
  clear: left;
  margin-top: 10px;
}

/* ^ TODO: Cleanup of grid is needed above */

/* ^ Document grid */

/* Clearing */

#vrtx-additional-content:after,
#head:after,
#globalnav:after,
#main:after,
#bottomnav:after,
#footer:after,
.vrtx-frontpage-box:after,
.vrtx-programs:after,
.vrtx-program-row:after,
#vrtx-additional-content .vrtx-feed:after,
#vrtx-additional-content .vrtx-recent-comments:after,
#total-main:after,
.vrtx-introduction:after,
#vrtx-frontpage #vrtx-main-content #vrtx-frontpage-introduction:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* IE */

#vrtx-additional-content,
#main,
#bottomnav,
#footer,
.vrtx-introduction,
.vrtx-frontpage-box {
  height: 1%;
}

/* ^ Clearing */

/* ^ UIO CSS: Grids */