/*
 * UiO CSS: Calendar / Timeplaner in iframe
 *
 */

body {
  margin: 0;
  color: #2b2b2b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 81.25%;
  line-height: 1.31em;
}

#tp-loading {
  background: url(/vrtx/decorating/resources/dist/images/spinner.gif) no-repeat top left;
  padding-left: 22px;
}

.uiotimetable img,
#app-content img {
  border: none;
}

.uiotimetable a {
  color: #0B5A9D !important;
}

.uiotimetable a {
  text-decoration: none !important;
}

.uiotimetable a:hover,
.uiotimetable a:focus {
  text-decoration: underline !important;
}

table.tp-table caption {
  font-size: 1.38em !important;
  font-weight: bold !important;
  line-height: 1em !important;
  text-align: left !important;
  padding-bottom: 15px !important;
}

.uiotimetable h2 {
  font-size: 1.38em !important;
  margin: 25px 0 8px 0;
}

.uiotimetable h2:first-child {
  margin-top: 0;
}

table.tp-table {
  width: 728px;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: 1px solid #d0d0d0;
  font-size: 1em;
  margin: 0 0 10px 0;
}

#total-main table.tp-table,
.wide table.tp-table {
  width: 938px;
}

#app-content table.tp-table {
  width: 100% !important;
}

.tp-group {
  width: 100%;
  overflow: hidden;
}

.tp-group ul {
  margin-top: 0px;
}

.tp-group-left,
.tp-group-middle,
.tp-group-right {
  width: 29%;
  margin-right: 5%;
  float: left;
}

.tp-group-two-col .tp-group-left,
.tp-group-two-col .tp-group-right {
  width: 45%;
  margin-right: 5%;
}

.tp-group-right,
.tp-group-two-col .tp-group-right,
.tp-group-three-col .tp-group-right {
  margin-right: 0;
}

.uiotimetable .tp-oversikt a {
  font-weight: bold;
}

.uiotimetable .tp-oversikt ul {
  list-style: none;
  margin: 0 0 15px 15px;
  padding: 0;
}

.uiotimetable .tp-oversikt ul li {
  background: url(/vrtx/decorating/resources/dist/images/bullet-li-grey.png) no-repeat 0 7px;
  margin: 2px 0 3px 0;
  clear: left;
  list-style-type: none;
  list-style: none;
  padding-left: 9px;
  white-space: nowrap;
}

table.tp-table thead tr {
  border: none !important;
}

table.tp-table tr th {
  background-color: #dbdee2 !important;
  white-space: nowrap !important;
  text-align: left !important;
  font-weight: bold !important;
  padding: 6px 10px 6px 10px !important;
}

table.tp-table tr td {
  padding: 8px 10px !important;
}

table.tp-table tr th,
table.tp-table tr td {
  border-spacing: 0 !important;
  border-collapse: collapse !important;
  vertical-align: top !important;
  border: none !important;
  border-right: 1px solid #d0d0d0 !important;
  border-bottom: 1px solid #d0d0d0 !important;
}

table.tp-table tbody tr.row-even td,
table.tp-table tbody tr.tp-row-even td {
  background-color: #eee !important;
}

table.tp-table tbody tr.event-passed td,
table.tp-table tbody tr.event-passed td a {
  color: #a69694 !important;
}

table.tp-table tbody tr.event-passed td a {
  text-decoration: underline !important;
}

table.tp-table tbody tr:hover td,
table.tp-table tbody tr:focus td,
table.tp-table tbody tr.hover td {
  background-color: #c3d3e1 !important;
}

table.tp-table tr.tp-rows-show,
table.tp-table tr.tp-rows-hide {
  display: none;
}

/* Column distribution */

table.tp-table tr td.tp-lefta,
table.tp-table tr td.tp-leftb,
table.tp-table tr td.tp-leftc,
table.tp-table tr td.tp-lefte {
  width: 1%;
  white-space: nowrap;
}

table.tp-table tr td.tp-leftf {
  width: 1%;
}

table.tp-table tr td.tp-leftd,
table.tp-table tr td.tp-leftg {
  width: 20%;
  white-space: normal;
}

/* ^ Column distribution */

/* Ical popup */

.tp-ical {
  color: #fff;
  position: relative;
  display: block;
  bottom: -20px;
  text-align: right;
}

.tp-ical a {
  text-decoration: none;
}

.tp-ical a:hover,
.tp-ical a:focus {
  text-decoration: underline;
}

.tp-ical-expand {
  font-weight: bold;
  padding-right: 2px;
}

.tp-ical-info {
  position: relative;
  bottom: -2px;
} 

.tp-ical-container {
  text-align: left;
  width: 184px;
  position: absolute;
  display: none;
  background: #fff;
  border: 1px solid #d0d0d0;
  right: 0px;
  top: 23px;
}

.tp-ical-container .tp-ical-container-title {
  background: #383838;
  display: block;
  padding: 6px 13px;
  font-weight: bold;
  position: relative;
  float: left;
  width: 158px;
}

.tp-ical-container .tp-ical-container-close {
  font-size: 0.77em;
  font-weight: bold;
  color: #fff !important;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 13px;
  top: 6px;
}

.tp-ical-container ul {
  margin: 0px !important;
  padding: 10px 13px 5px 13px !important;
  list-style: none !important;
  float: left;
  width: 158px;
}

.tp-ical-container ul li {
  margin: 0 0 5px 0 !important;
  padding: 0px !important;
  list-style: none !important;
  background: none !important;
}

.tp-ical-container ul li a {
  font-weight: bold;
}

/* ^ Ical popup */

@media print {

  .tp-ical,
  tfoot,
  #app-head-wrapper,
  #app-footer-wrapper {
    display: none !important;
  }

  #app-content {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  h1 {
    line-height: 1.31em !important;
    margin-bottom: 20px !important;
  }

  /* If JS fails CSS will work for lt IE 7 */
  table.tp-table tbody tr.event-passed {
    display: table-row !important;
  }

}

/* ^ UiO CSS: Calendar / Timeplaner in iframe */