ul.videos {list-style: none; margin: 0; padding: 0;}
ul.videos:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.videos li.video {width: 100%; margin: 0; padding: 0;}
ul.videos li.video.important-on {}
ul.videos li.video .videos-wrapper {margin: 5px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: rgb(245,245,245); background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1))); background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );}
ul.videos li.video .videos-wrapper:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.videos li.video.highlight-on .videos-wrapper {background: #faf6ca;}
ul.videos li.video .videos-wrapper .videos-thumb {margin: 0 0 10px;}
ul.videos li.video .videos-wrapper .videos-title {font-weight: bold; line-height: 1.2em; overflow: auto;}
ul.videos li.video .videos-wrapper .videos-title a {color: #444; text-decoration: none;}
ul.videos li.video .videos-wrapper .videos-created {margin: 5px 0; font-family: sans-serif; font-size: 80%; line-height: 1.2em; color: #999; overflow: auto;}
ul.videos li.video .videos-wrapper .videos-teaser {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; overflow: auto;}
ul.videos li.video .videos-wrapper .videos-more {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}
ul.videos li.video .videos-wrapper .videos-more a {}

body.page-multimedia ul.videos {list-style: none; margin: 0; padding: 0;}
body.page-multimedia ul.videos:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
body.page-multimedia ul.videos li.video {width: 100%; margin: 0; padding: 0;}
body.page-multimedia ul.videos li.video.important-on {}
body.page-multimedia ul.videos li.video .videos-wrapper {margin: 5px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: rgb(245,245,245); background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1))); background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );}
body.page-multimedia ul.videos li.video .videos-wrapper:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
body.page-multimedia ul.videos li.video.highlight-on .videos-wrapper {background: #faf6ca;}
body.page-multimedia ul.videos li.video .videos-wrapper .videos-thumb {margin: 0 0 10px;}
body.page-multimedia ul.videos li.video .videos-wrapper .videos-title {font-weight: bold; line-height: 1.2em; overflow: auto;}
body.page-multimedia ul.videos li.video .videos-wrapper .videos-title a {color: #444; text-decoration: none;}
body.page-multimedia ul.videos li.video .videos-wrapper .videos-created {margin: 5px 0; font-family: sans-serif; font-size: 80%; line-height: 1.2em; color: #999; overflow: auto;}
body.page-multimedia ul.videos li.video .videos-wrapper .videos-teaser {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; overflow: auto;}
body.page-multimedia ul.videos li.video .videos-wrapper .videos-more {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}
body.page-multimedia ul.videos li.video .videos-wrapper .videos-more a {}

body.page-multimedia ul.podcasts {list-style: none; margin: 0; padding: 0;}
body.page-multimedia ul.podcasts:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
body.page-multimedia ul.podcasts li.podcast {width: 100%; margin: 0; padding: 0;}
body.page-multimedia ul.podcasts li.podcast.important-on {}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper {margin: 5px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: rgb(245,245,245); background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1))); background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
body.page-multimedia ul.podcasts li.podcast.highlight-on .podcasts-wrapper {background: #faf6ca;}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper .podcasts-thumb {margin: 0 0 10px;}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper .podcasts-title {font-weight: bold; line-height: 1.2em; overflow: auto;}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper .podcasts-title a {color: #444; text-decoration: none;}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper .podcasts-created {margin: 5px 0; font-family: sans-serif; font-size: 80%; line-height: 1.2em; color: #999; overflow: auto;}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper .podcasts-teaser {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; overflow: auto;}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper .podcasts-more {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}
body.page-multimedia ul.podcasts li.podcast .podcasts-wrapper .podcasts-more a {}

ul.videos-etop {list-style: none; margin: 0; padding: 0;}
ul.videos-etop:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.videos-etop li.views-row {width: 100%; margin: 0; padding: 0;}
ul.videos-etop li.views-row.important-on {width: 100%;}
ul.videos-etop li.views-row .videos-wrapper {margin: 5px 0; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: rgb(245,245,245); background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1))); background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );}
ul.videos-etop li.views-row .videos-wrapper:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.videos-etop li.views-row.highlight-on .videos-wrapper {background: #fea;}
ul.videos-etop li.views-row .videos-wrapper .views-field-field-vid-transcript {margin-top: 10px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; overflow: auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
ul.videos-etop li.views-row .videos-wrapper .views-field-field-vid-transcript .video-transcript-dropdown-control {margin: 10px 0;}
ul.videos-etop li.views-row .videos-wrapper .views-field-field-vid-transcript .video-transcript-dropdown-transcript {margin: 0 0 10px !important;}

ul.videos-ebottom {list-style: none; margin: 0; padding: 0;}
ul.videos-ebottom:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.videos-ebottom li.views-row {width: 100%; margin: 0; padding: 0;}
ul.videos-ebottom li.views-row.important-on {width: 100%;}
ul.videos-ebottom li.views-row .videos-wrapper {margin: 5px 0; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: rgb(245,245,245); background: -moz-linear-gradient(-45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1))); background: -webkit-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -o-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: -ms-linear-gradient(-45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=1 );}
ul.videos-ebottom li.views-row .videos-wrapper:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;}
ul.videos-ebottom li.views-row.highlight-on .videos-wrapper {background: #fea;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-field-subtitle {margin: 0 0 10px;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-title {font-weight: bold; line-height: 1.2em; overflow: auto;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-title a {color: #444; text-decoration: none;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-created {margin: 5px 0; font-family: sans-serif; font-size: 80%; line-height: 1.2em; color: #999; overflow: auto;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-field-teaser {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; overflow: auto;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-field-vid-transcript {margin-top: 10px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; overflow: auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-field-vid-transcript .video-transcript-dropdown-control {margin: 10px 0;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-field-vid-transcript .video-transcript-dropdown-transcript {margin: 0 0 10px;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-nothing {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em; text-align: right;}
ul.videos-ebottom li.views-row .videos-wrapper .views-field-nothing a {}

@media all and (min-width: 480px) { /* mobile landscape */
  ul.videos li.video {float: left; width: 50%;}
  body.page-multimedia ul.videos li.video {float: left; width: 50%;}
  body.page-multimedia ul.podcasts li.podcast {float: left; width: 50%;}
}

@media all and (min-width: 768px) { /* ipad & ipad mini */
  ul.videos li.video {width: 33%;}
  body.page-multimedia ul.videos li.video {width: 50%;}
  body.page-multimedia ul.podcasts li.podcast {width: 50%;}
}

@media all and (min-width: 960px) { /* ~1024px */
  ul.videos li.video {width: 25%;}
  body.page-multimedia ul.videos li.video {width: 50%;}
  body.page-multimedia ul.podcasts li.podcast {width: 50%;}
}