/*-------------------------------------
Question assets styles

For 'Additional Materials' and 'Supporting Materials'
-------------------------------------*/
.assets {
  width: 540px;
  border: 1px solid #D6DFF7;
  margin: 0.5em;
  clear: both;
}
.assets h1 {
  background: #D6DFF7;
  margin-top: 0px;
  padding: 3px 10px;
}

.assets.supporting .wa-grid-row {
  width: 540px;
  margin: 20px auto;
  overflow: hidden;
}
.assets.supporting .wa-grid-column {
  float: left;
  margin: 0 10px;
  overflow: hidden;
  display: inline;
}
.assets.supporting .wa-grid-3 {
  width: 160px;
}
.assets.supporting .wa-grid-3 a {
  padding-left: 20px;
  background: url("/static/img/common/table.png") no-repeat;
}

.assets.additional ul {
  padding-left: 10px;
}
.assets.additional ul li {
  list-style-type: none;
}
.assets.additional ul li a {
  padding-left: 20px;
  margin-left: 0;
  display: inline-block;
  height: 16px;
}
.assets.additional ul li .tutorial_popup {
  background: url("/static/img/common/bricks.png") 0 0 no-repeat;
}
.assets.additional ul li .video {
  background: url("/static/img/common/film.png") 0 0 no-repeat;
}
.assets.additional ul li .ebook {
  background: url("/static/img/common/book_open.png") 0 0 no-repeat;
}

.embedded_asset {
  margin: 20px auto;
  text-align: center;
}
.embedded_asset.embed_right {
  float: right;
  margin-left: 5px;
  width: auto;
}
.embedded_asset.embed_left {
  float: left;
  margin-right: 5px;
  width: auto;
}