<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
  margin: 0px;
  padding: 0px;
  color: #7b7b7b;
  background: #ffffff;
  font: normal 11px tahoma, FreeSans, geneva, sans-serif;
  text-align: center;
}
img {
  border: 0px;
}

/* links */
a, a:visited {
  color: #7b7b7b;
  text-decoration: none;
}
a:hover {
  color: #5c5b66;
  text-decoration: underline;
}

/* headings */
h1 {
  font-size: 16px;
}
h2 {
  padding: 0px;
  margin: 5px 0px;
  font-size: 15px;
}
h3 {
  font-size: 13px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}
h1, h2, h3, h4, h5 {
  color: #414d59;
}
.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}

/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}

/* forms */
form {
  margin: 0px;
}
input, textarea {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #c5c5c5;
}
.row {
  margin-bottom: 1px;
  padding: 2px;
}
.row label.name {
  padding: 3px 5px 0 0;
  width: 15%;
  float: left;
}
#research_request .row label.name,
#userprofile .row label.name {
  width: 25%;
}
.row label.name span,
.row .value span {
  color: #8c3030;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}
.row .value input.text.longtext,
.row .value textarea.longtext {
  width: 300px;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row .value input.text.tinytext {
  width: 30px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.row a {
  text-decoration: underline;
}
.formsubmit {
  margin-top: 10px;
  text-align: left;
}

/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

#wrapper {
  margin: 0 auto;
  width: 960px;
  text-align: left;
}
#header {
  position: relative;
  font-size: 11px;
}
#logo .logo {
  width: 200px;
  height: 64px;
  background: transparent url(../images/vir/bluesky-logo.png) 10px 5px no-repeat;
  text-indent: -9999px;
  display: block;
  text-indent: -9999px;
  outline: none;
}
#logo .logo, #logo .searchbar {
  float: left;
}
#logo .searchbar {
  margin: 8px 0px 0px 33px;
}
.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 15px;
}
.breadcrumbs li {
  float: left;
  font-size: 16px;
  padding: 5px 5px;
  color: #fff;
}
.breadcrumbs li:first-child {
  padding-left: 0;
}
.breadcrumbs li:last-child {
  font-weight: bold;
}
.breadcrumbs a {
  color: #fff;
}
.page-title {
  margin-left: 10px;
  font-size: 20px;
}
#header h1 {
  margin: 0px;
}
#header .quicksearch {
  background: transparent url(../images/vir/search-bg.png) top right no-repeat;
  height: 59px;
  width: 723px;
}
#header .quicksearch input.text {
  width: 450px;
  height: 28px;
  color: #6CA0CD;
  font-size: 24px;
  margin: 13px 0 0 13px;
}
#header .quicksearch .search-btn {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #407ea7;
  padding: 6px 7px;
  cursor: pointer;
  border: 0px none;
  margin: 13px 0 0 10px;
}
#header .quicksearch input.text,
#header .quicksearch .search-btn,
#header .quicksearch a {
  float: left;
}
#header .quicksearch a {
  display: block;
  margin: 20px 0 0 5px;
  font-size: 12px;
  color: #407ea7;
  padding-left: 10px;
}
#loginbar .login {
  float: right;
  display: block;
  width: 230px;
}
#loginbar .act-links {
  display: block;
  padding: 0px;
  margin: 15px 10px 5px 0px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}
#loginbar .act-links span,
#loginbar .act-links a {
  margin: 0px 2px;
}
#loginbar .act-links a.cart {
  background: url(../images/vir/icon-sprite.png) 0 0 no-repeat;
  margin: 0px;
  padding: 0px 3px 0px 0px;
  display: inline-block;
  width: 18px;
  height: 15px;
}
#loginbar .act-links a.clipbin {
  background: url(../images/vir/icon-sprite.png) no-repeat;
  background-position: -36px 0px;
  margin: 0px 0px 0px 5px;
  padding: 0px 3px 0px 0px;
  display: inline-block;
  width: 16px;
  height: 14px;
}
#header.auth #loginbar {
  width: 350px;
}
#header.auth .act-links {
  margin: 10px 5px 0 0;
}
#header.auth .quicksearch {
  background: transparent url(../images/quick-search-logged-bg.png) top left no-repeat;
  width: 768px;
}
#header.auth .quicksearch input.text {
  width: 470px;
}
#loginbar label {
  float: left;
  width: 80px;
  text-align: right;
  padding: 5px 5px 0 0;
}
#loginbar input.text, #loginbar input.password {
  width: 100px;
}
#loginbar .signup {
  display: block;
  text-align: right;
  margin: 6px 38px 5px 0;
}
#loginbar .signup a, #loginbar a  {
  color: #6ca0cd;
  font-size: 14px;
  text-align: right;
}
#loginbar .signup a {
  text-decoration: none;
  font-weight: bold;
}
#loginbar .signup a:hover {
  text-decoration: underline;
}
#header .nav, #header .primarynav {
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  color: #ccc;
  width: 610px;
  text-align: center;
}
#header .nav {
  clear: both;
  padding: 10px 0px;
  text-align: center;
}
#header .nav li, #header .primarynav li {
  text-align: center;
  float: left;
  padding: 2px 8px;
}
#header .nav li a, #header .primarynav li a {
  text-decoration: none;
}
#header .nav li a:hover, #header .primarynav li a:hover {
  text-decoration: underline;
}
#header .nav li, #header .nav a {
  color: #a4a4a4;
  font-weight: bold;
  font-size: 10px;
  padding: 3px 0px;
}
#header .primarynav li a {
  color: #4c4c4c;
  font-size: 12px;
  padding: 2px 31px;
  font-weight: bold;
}
@media screen and (max-device-width: 480px) {
  body{
    -webkit-text-size-adjust: none;
  }
}
#header .cart-items {
  font-weight: bold;
  padding-left: 1px;
  color: #4c4c4c;
}
#header .search-form input.text {
  width: 140px;
  margin-left: 10px;
}
#header .search-form {
  float: left;
}
#header .go-btn {
  background: url(../images/btn-go.gif) left top no-repeat;
  height: 10px;
  width: 27px;
  text-indent: -9999px;
  cursor: pointer;
  border: 0px none;
  margin-left:5px;
}
#header .go-btn, #header .row .text {
  vertical-align: middle;
}
#header .contact {
  text-align: right;
  font-size: 14px;
  margin: 3px 10px 10px 0px;
}
#header .contact a {
  color: #6ca0cd;
}
#header .contact span {
  font-weight: bold;
  padding-left: 12px;
}
#contentheader {
  margin: 0px 0 10px 0;

}
#contentheader  .marquee, #contentheader .headerblock {
  width: 960px;
}
#contentheader .blockcontent {
  background: url(../images/header-round-sides.png) left top repeat-y;
  width: 100%;
  padding: 0px 8px;
}
#contentheader .blockcontent h1 {
  color: #fff;
  font-weight: normal;
  margin: 0px;
  padding: 5px 15px;
}
#contentheader .blockcontent h1 a {
  color: #fff;
}
#contentheader .blockcontent h1 .location {
  font-weight: bold;
}
#contentheader  .shadowtop {
  background: transparent url(../images/marquee-round-top.png) bottom left no-repeat;
  height: 18px;
  width: 100%;
}
#contentheader  .shadowbottom {
  background: transparent url(../images/marquee-round-bott.png) top left no-repeat;
  height: 18px;
  width: 100%;
}
#contentheader .headerblock .shadowtop {
  background: transparent url(../images/header-round-top.png) bottom left no-repeat;
}
#contentheader .headerblock .shadowbottom {
  background: transparent url(../images/header-round-bott.png) top left no-repeat;
}
#contentheader .marquee-wrapper {
  background: url(../images/marquee-round-sides.png) left top repeat-y;
  width: 940px;
  height: 310px;
  padding: 0px 8px 0px 9px;
}
#contentheader .marquee-nav {
  margin-top: -9px;
  width: 220px;
}
#contentheader .marquee-nav img {
  margin-top: 10px;
}
#contentheader .marquee-nav ul {
  list-style: none;
  margin-top: -9px;
  margin: 0px;
  padding: 0px;
}
#contentheader .marquee-nav li {
  background: transparent url(../images/btn-marquee.gif) top left repeat;
  height: 34px;
  width: 108px;
  font-weight: bold;
  padding: 18px 0 0 12px;
}
#contentheader .marquee-nav li.first {
  background: transparent url(../images/btn-marquee-first.png) top left repeat;
  height: 33px;
}
#contentheader .marquee-nav li a {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  padding: 0px;
}
#contentheader .marquee-nav-body {
  font-family: tahoma,geneva,verdana,sans-serif;
  color: #fff;
  padding: 15px 10px 0px 15px;
  text-align: left;
}
#contentheader .marquee-nav-body ul {
  list-style: disc;
  margin: 5px 0px 0px 15px;
}
#contentheader .marquee-nav-body li {
  background: none;
  font-weight: normal;
  width: 180px;
  height: 100%;
  padding: 0px 0 0 0px;
}
#contentheader .marquee-nav-body hr {
  height: 1px;
}
#contentheader .marquee-nav-body .nav-title {
  margin-top: 8px;
  font-size: 11px;
}
#contentheader .marquee-nav-body span {
  display: block;
  margin: 0px 0px 5px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #8fbcea;
}
#contentheader .marquee-photo {
  margin: auto 0px;
  text-align: center;
  margin-top: 10px;
  width: 498px;
  /*
  height: 280px;
  background: #000;*/
}
#contentheader .marquee-photo a, #contentheader .marquee-photo img {
  position: absolute;
  display: block;
  width: 498px;
  height: 276px;
  /* height: 278px; */
  cursor: pointer;
  z-index: 1;
}
#contentheader .marquee-photo a {
  z-index: 10;
  background: url(../images/playbutton.png) 225px 108px no-repeat;
}
#contentheader .marquee-content {
  width: 260px;
  padding: 25px;
  color: #fff;
}
#contentheader .marquee-content h1 {
  margin: 0px;
  padding-bottom: 15px;
  color: #fff;
  font-size: 18px;
}
#contentheader .marquee-content p {
  color: #dadada;
  font-size: 11px;
  padding-top: 0px;
  margin-top: 0px;
}
#contentheader .marquee-nav, 
#contentheader .marquee-photo, 
#contentheader .marquee-content 
{
  float: left;
}

#contentwrapper {
  position: relative;
  margin: 0px;
  padding: 0px 4px 0 0px;
  border-left: 206px solid #fff; 
}
#home .row {
  padding: 0px;
}
#home #contentwrapper {
  /*border-left: 0px solid #fff; */
}
#contentwrapper.fullwid {
  border-left: 0px;
  padding: 0;
  margin: 0 6px;
}
#research_request #content p {
  font-size: 12px;
  color: #444444;
}

/* leftside bar */
#leftsidebar {
  position: absolute;
  top: 0px;
  left: -201px;
  width: 196px;
  margin: 0px;
  padding: 0px;
  color: #414d59;
}
#leftsidebar .shadowtop {
  background: transparent url(../images/sidebar-top-round.png) bottom left no-repeat;
  width: 196px;
  height: 10px;
}
#leftsidebar .shadowsides {
  background: transparent url(../images/sidebar-sides.png) top left repeat-y;
  padding: 5px 12px;
  height: 100%;
}
#leftsidebar .shadowbottom {
  background: transparent url(../images/sidebar-bott-round.png) top left no-repeat;
  width: 196px;
  height: 10px;
}
#leftsidebar h2 {
  border-bottom: 1px solid #c4c4c4;
  margin: 0 0 10px 0;
  padding: 6px 0;
}
#leftsidebar h3 {
  font-size: 12px;
  margin: 10px 0 5px 0;
}
#leftsidebar ul {
  margin: 0px 0 0px 0px;
  padding: 0px;
  list-style: none;
}
#leftsidebar li.more {
  padding: 3px 0 0 6px;
  font-size: 10px;
}
#leftsidebar a.more {
  background: url(../images/doublearrows-down.gif) right 5px no-repeat;
  padding-right: 10px;
  color: #7b7b7b;
}
#leftsidebar ul.tree li  {
  background: transparent url(../images/plus.gif) left 3px no-repeat;
  padding: 1px 0 1px 12px;
}
#leftsidebar ul.tree li.nothing {
  margin: 0px;
  padding: 2px;
  color: #a4a4a4;
  font-size: 10px;
}
#leftsidebar ul.tree li.expanded  {
  background: transparent url(../images/minus.gif) left 3px no-repeat;
}
#leftsidebar ul.tree ul  {
  margin-bottom: 5px;
  display:none;
}
#leftsidebar ul.tree li.expanded ul {
  display: block;
}
#leftsidebar ul.tree ul.current  {
  display: inline;
}
#leftsidebar ul.tree ul.current .current {
  font-weight: bold;
}
#leftsidebar ul.tree ul li  {
  margin: 0px;
  background: none;
  padding-left: 0px;
}
#leftsidebar ul.tree ul li span {
  font-size: 10px;
  font-weight: bold;
}
#leftsidebar .loading {
  background: url(../images/loading.gif) top left no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  float: right;
}
#leftsidebar a {
  text-decoration: none;
  color: #414d59;
}
#leftsidebar a:hover {
  text-decoration: underline;
}
#leftsidebar .side-wrapper .btntext {
  padding-left: 15px;
}
#leftsidebar .side-wrapper .btntext label {
  margin: 6px 0 0 5px;
  font-weight: bold;
  width: 145px;
}
#leftsidebar .side-wrapper .btntext .royalty-rights {
  margin-top: 6px;
}
#detailed .content {
  padding: 5px 0 5px 3px;
}

div.formore {
  padding-top: 5px;
  margin-bottom: 10px;
}
div.wpaging {
  float: left; 
}
select.sortby {
  margin-right: 20px;
}
.paging {
  text-align: right;
}
.paging.bottom {
  margin: 10px 0 0 0;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}
.content, #home .content, #category .content, #search_results .content { 
  padding: 0 4px;
}
#search_results .content {
  min-height: 580px;
}
#home .content,
#leftsidebar .side-wrapper {
  /*margin-bottom: 10px;
  height: 385px;*/
}
#cart #contentwrapper.fullwid {
  margin: 0 4px;
}
#cart a, .formore a {
  color: #407EA7;
}
.content .shadowtop {
  background: transparent url(../images/content-top-round.png) bottom left no-repeat;
  width: 744px;
  height: 10px;
}
.content .shadowsides {
  background: transparent url(../images/content-sides.png) top left repeat-y;
  width: 708px;
  padding: 5px 18px;
  height: 100%;
}
.content .shadowbottom {
  background: transparent url(../images/content-bott-round.png) top left no-repeat;
  width: 744px;
  height: 10px;
  margin-bottom: 10px;
}
/*
#home .content .shadowtop {
  background: transparent url(../images/content-top-round-1.png) bottom left no-repeat;
  width: 960px;
  height: 10px;
}
#home .content .shadowsides {
  background: transparent url(../images/content-sides-1.png) top left repeat-y;
  width: 924px;
  padding: 5px 18px;
}
#home .content .shadowbottom {
  background: transparent url(../images/content-bott-round-1.png) top left no-repeat;
  width: 960px;
  height: 10px;
  margin-bottom: 10px;
}
#home .marquee-bottom .shadowtop {
  background: transparent url(../images/marquee-round-top.png) bottom left no-repeat;
  height: 18px;
  width: 100%;
}
#home .marquee-bottom .shadowbottom {
  background: transparent url(../images/marquee-round-bott.png) top left no-repeat;
  height: 18px;
  width: 100%;
}
*/

.content h2 span, .content h2  a {
  padding-left: 6px;
  font-size: 11px;
  font-weight: normal;
  color: #7b7b7b;
}
.content h2 a, .content h2 .double-arrows, .clipopt .more a {
  background: url(../images/doublearrows.gif) right 5px no-repeat;
  padding-right: 12px;
  color: #407EA7;
  font-weight: bold;
}
#cart .content .shadowtop {
  background: transparent url(../images/cart/content-top-round.png) bottom left no-repeat;
  width: 953px;
  height: 10px;
}
#cart .content .shadowsides {
  background: transparent url(../images/cart/content-sides.png) top left repeat-y;
  width: 917px;
  padding: 5px 18px;
}
#cart .content .shadowbottom {
  background: transparent url(../images/cart/content-bott-round.png) top left no-repeat;
  width: 953px;
  height: 10px;
  margin-bottom: 10px;
}
#cart .content {
  padding: 0 0px;
}

.clipopt .more {
  margin: 5px 0 0 8px;
}
.content h2 .double-arrows {
  padding-right: 0px;
}
.content h2 {
  margin-bottom: 20px;
}
#home .content h2 {
  margin-bottom: 15px;
}
#home .shadowsides h3 {
  margin-top: 5px;
}
.category_list {
  margin: 60px auto;
  margin-top: 0px;
  padding-left: 60px;
  width: 800px;
}
.category_list h3 {
  margin-bottom: 10px;
}
.content h2 .artist-signup {
  float: right;
  font-weight: bold;
  color: #414d59;
}
.thumbnails.separator {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.thumbnails {
  margin: 0px;
  padding: 0px;
}
.thumbnails .thumbnail.first, .thumbnails .thumbnail-noframe.first {
  padding-left: 0px;
}
.thumbnails .thumbnail.last, .thumbnails .thumbnail-noframe.last {
  padding-right: 0px;
}
.thumbnails .thumbnail, .thumbnails .thumbnail-noframe {
  position: relative;
  float: left;
  padding: 5px 4px 0px 5px;
  margin: 0px;
  width: 169px;
}
#home .thumbnails .thumbnail {
  min-height: 178px;
}
.thumbnails .thumbnail img {
  height: 90px;
  width: 120px;
}
.thumbnails .thumbnail-noframe .vid-preview {
  position: absolute;
  top: 1px;
  left: 4px;
  border: 1px solid #dadada;
  width: 135px;
  height: 76px;
  pointer: cursor;
}
.thumbnails .thumbnail-noframe.first .vid-preview {
  left: 0px;
}
.thumbnails .thumbnail-noframe {
  width: 135px;
  margin: 0px;
  padding: 1px 4px;
}
.collection .thumbnails .thumbnail-noframe {
  width: 280px;
}
*html .thumbnails .thumbnail {
  padding: 5px 4px;
}
*html .thumbnails .thumbnail-noframe {
  padding: 0;
}
* html .thumbnails .thumbnail-noframe {
  width: 136px;
}
.thumbnails .thumbnail-noframe img {
  width: 135px;
  height: 76px;
  border: 1px solid #dadada;
  margin: 0px;
  cursor: pointer;
}
.thumbnails .thumbnail-noframe h4 {
  margin: 0;
  padding: 2px 0px 5px 0px;
}
.thumbnails .thumbnail-noframe p {
  margin: 0px;
  padding: 0px 0px;
}
.thumbnails .thumbnail-noframe input[type=checkbox] {
  margin: 0px 4px 1px 0px;
  vertical-align: bottom;
}
.thumbnails .thumbnail-noframe h4 a {
  margin: -10px 0 0 0;
}
.thumbnails .imageframe {
  background: url(../images/image-frame.gif) top left no-repeat;
  height: 96px;
  width: 161px;
  padding: 8px 3px 0px 5px;
}
.thumbnails .imageframe a {
  float: left;
}
.thumbnails .imageframe .clip {
  position: relative;
  background: transparent url(../images/layered-image-frame.gif) top right no-repeat;
  display: block;
  width: 125px;
  height: 71px;
}
.thumbnails .imageframe .clip img {
  position: absolute;
  width: 120px;
  height: 68px;
  top: 5px;
  left: 0px;
  cursor: pointer;
}
.thumbnails .imageframe a.btn-prev {
  background: url(../images/btn-prev.gif) top left no-repeat;
  margin: 37px 2px 0 0;
}
.thumbnails h4 {
  margin: 0px 0px 5px 0;
  padding: 0 6px;
  font-size: 11px;
}
.thumbnails h4 a, .thumbnails h4 {
  color: #407ea7;
}
.thumbnails h4 span {
  font-weight: normal;
  color: #4c4c4c;
}
.thumbnails p {
  margin-top: 3px;
  padding: 6px 6px 0 6px;
}
#free_clips .thumbnails .imageframe .clip {
  position: relative;
  background: transparent url(../images/layered-image-frame.gif) top right no-repeat;
  display: block;
  margin-left: 18px;
  width: 125px;
  height: 71px;
}
#free_clips .thumbnails .imageframe .clip img {
  position: absolute;
  width: 120px;
  height: 68px;
  top: 5px;
  left: 0px;
  cursor: pointer;
}

#category .content p, #search_results .content p {
  margin: 5px 0px 0px 0px;
}
.clipbin_toolbar, .clipbin_toolbar_top {
  margin: 10px 0 0 0;
  float: left;
}
.clipbin_toolbar {
  width: 100%;
}
.clipbin_toolbar_top {
  margin: 10px 0 15px 0;
}
.clipbin_toolbar_top a,
.contactus a.contact,
a.add-new-clip-bin, a.add-new-clip-bin:visited,
#checkboxall, #checkboxnone, .bookmark-button a, 
#checkboxall_top, #checkboxnone_top {
  margin: 0 5px 0 0;
  font-size: 11px;
  font-weight: bold;
  color: #407ea7;
}
.contactus a.contact,
.bookmark-button a, .clipbin_toolbar_top a {
  margin: 0 5px 0 5px;
  font-size: 11px;
}
.contactus {
  float: right;
}
.thumbnails .imageframe a.btn-prev, .thumbnails .imageframe a.btn-next {
  background: url(../images/btn-next.gif) top left no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  margin: 32px 0px 1px 0;
  outline: none;
}
.thumbnails .imageframe a.btn-prev {
  background: url(../images/btn-prev.gif) top left no-repeat;
  margin-right: 2px;
}
.thumbnails .imageframe a.btn-prev.disabled, .thumbnails .imageframe a.btn-next.disabled {
  opacity: 0.3;
}

#artist_showcase .thumbnail {
  position: relative;
  float: left;
  padding: 0px 29px 0 0;
  width: 154px;
  margin: 0px;
}
#artist_showcase .thumbnail.first {
  padding-left: 0px;
}
#artist_showcase .thumbnail.last {
  padding-right: 0px;
}
#artist_showcase .imageframe {
  position: relative;
  padding: 0px;
  margin: 0px;
  height: 106px;
  width: 154px;
}
#artist_showcase .imageframe .roundframe {
  position: absolute;
  background: transparent url(../images/round-frame.png) top left no-repeat;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
* html #artist_showcase .imageframe .roundframe {
  background: none;
}
#artist_showcase .imageframe img {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  z-index: 9;
}
#artist_showcase .thumbnails h4 {
  padding: 6px;
}
#artist_showcase .thumbnails p {
  padding: 0 6px;
}

/* Buttons */
.royalty-free,
.rights-managed,
.royalty-rights,
#detailed .vid-acts .addto-clipbin,
/*
.addto-cart,
*/
.enlarge,
.quicktime
{
  width: 21px;
  height: 21px;
  background: transparent url(../images/buttons.gif) -24px -4px no-repeat;
  text-indent: -9999px;
  display: block;
  outline: none;
  z-index: 10000;
}
.rights-managed {
  background: transparent url(../images/buttons.gif) -2px -4px no-repeat;
}
.royalty-rights {
  background: transparent url(../images/buttons.gif) -46px -4px no-repeat;
}
.document {
  text-indent: -9999px;
  display: block;
  outline: none;
  z-index: 10000;
  width: 21px;
  height: 21px;
  background: transparent url(../images/pdf_21x21.gif) 0 0 no-repeat;
}
/*.thumbnails .btnseries, */
.thumbnails .btntext {
  margin-left: 4px;
}
.btn-addto-cart, .btn-addto-clipbin, .btn-tellafriend {
  text-indent: -9999px;
  background: transparent url(../images/add-to-cart.gif) top left no-repeat;
  width: 91px;
  height: 15px;
  outline: none;
  display: block;
}
.btn-addto-clipbin {
  background: transparent url(../images/add-to-clip-bin-button.gif) top left no-repeat;
  width: 102px;
  height: 9px;
}
/* Tell a friend popup */
.btn-tellafriend {
  margin-top: 5px;
  background: transparent url(../images/send-button.gif) top left no-repeat;
  width: 45px;
  height: 10px;
}
p.sendcopy {
  font-size: 9px;
}
.addthis_native_toolbox {
  margin-top: -7px;
  float: left;
  display: inline;
}
.addthis_counter.addthis_pill_style {
  height: 20px !important;
}
.addthis_counter .atc_s, /*.addthis_counter .addthis_button_expanded,*/
.vid-acts span.tellafriend {
  margin: 0px !important;
  height: 17px !important;
  width: 20px !important;
  /*background: transparent url(../images/email-icon.gif) no-repeat;*/
  background: transparent url(../images/btn_connect.png) no-repeat !important;
}
.btn-checkout, .btn-paypal {
  display: inline;
  background: transparent url(../images/btn_checkout.gif) top left no-repeat;
  width: 151px;
  height: 10px;
  text-indent: -9999px;
  border: 0px;
  padding: 0px;
  cursor: pointer;
}
.btn-paypal {
  background: transparent url(../images/btn_paypal.gif) left 5px no-repeat;
  width: 145px;
  height: 42px;
  margin-right: 5px;
}
span.linklen {
  float: right;
}
.btnseries a {
  color: #407EA7;
}
.btnseries a, .btnseries span {
  /*float: left;
  margin-right: 2px;*/
}
.btntext span, .btntext a, .btntext label {
  float: left;
}
.btntext a, .btntext label {
  margin: 6px 0 0 2px;
  font-size: 10px;
}
#detailed .vid-acts .addto-clipbin {
  background: transparent url(../images/buttons.gif) -2px -27px no-repeat;
}
.addto-cart {
  /*
  background: transparent url(../images/buttons.gif) -24px -27px no-repeat;
  */
}
.enlarge {
  margin-top: 3px;
  height: 15px;
  background: transparent url(../images/buttons.gif) -46px -30px no-repeat;
}
.quicktime {
  height: 22px;
  width: 18px;
  background: transparent url(../images/quicktime.gif) left 4px no-repeat;
}
.download-clip {
  height: 17px;
  width: 20px;
  background: transparent url(../images/btn-download.gif) no-repeat;
}
.download-pdf {
  display: block;
  float: left;
  height: 16px;
  width: 15px;
  background: transparent url(../images/pdf.gif) no-repeat;
  margin-right: 10px;
}
.thumbnails .btntext label {
  margin: 4px 12px 0 0;
}
#detailed .vid-acts .btntext a.addto-clipbin {
  text-indent: 0;
  background: none;
  display: inline;
  width: auto;
}
.clipopt {
  position: absolute;
  width: 242px;
  display: none;
  text-align: left;
}
.clipopt .rvwrapper {
  position: relative;
}
.clipopt .shadowtop {
  background: transparent url(../images/hover-round-top.png) top left no-repeat;
  height: 48px;
  width: 208px;
  margin: 0px;
  padding: 20px 20px 8px 14px;
}
.clipopt .rvwrapper a.close {
  position: absolute;
  right: 0px;
  top: -1px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  outline: none;
}
.clipopt .shadowbottom {
  background: transparent url(../images/hover-round-bott.png) top left no-repeat;
  width: 100%;
  height: 20px;
  margin-bottom: 0px;
}
.clipopt .rvcontent {
  background: transparent url(../images/hover-round-sides.png) top left repeat-y;
  padding: 0px 6px 6px 12px;
}
.clipopt .rvcontent a, 
.freeclipinfo a {
  color: #407ea7;
}
.freeclipinfo a {
  text-decoration: underline;
}
.clipopt .rvcontent p {
  padding: 2px 5px;
}
.clipopt h3 {
  margin: 0px;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #dadada;
}
.clipopt h3 label {
  font-size: 14px;
  color: #000;
  margin-top: 4px;
}
.clipopt h4 {
  margin: 8px 0 0 4px;
  font-size: 11px;
  color: #407ea7;
}
.clipopt input {
  margin: 0px 0 0 7px;
}
.clipopt .rvcontent .row {
  margin: 0 0 5px;
}
.clipopt .rvcontent input,  .clipopt .rvcontent label, .clipopt .rvcontent select {
  vertical-align: middle;
  font-size: 11px;
  cursor: pointer;
}
.clipopt .rvcontent .row input {
  margin: 0;
}
.clipopt .rvcontent label {
  font-weight: bold;
}
.clipopt .rvcontent .row label.name {
  width: 170px;
  padding-left: 5px;
  font-weight: normal;
}
.clipopt .rvcontent .row label.name span {
  float: none;
  color: #a4a4a4;
}
.clipopt .rvcontent h3 {
  margin: 0 20px 5px 0;
  padding-bottom: 0px;
}
.clipopt .btn-addto-cart, .clipopt .btn-addto-clipbin {
  float: right;
  margin: 10px 15px 0 0;
}
.clipopt .row {
  padding: 0px;
  margin: 0px;
}
.clipopt .row span {
  float: right;
  margin-right: 22px;
  padding-top: 1px;
  font-weight: bold;
}
.clipopt p {
  margin: 0px;
  padding: 1px 0 1px 22px;
}
.clipopt p a.add_folder {
  color: #407EA7;
}
.clipopt p span {
  font-style: italic;
  color: #d1ccca;
}
.clipopt ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

/* Login box popup */
#loginform.clipopt {
  width: 273px;
  z-index: 999;
}
#loginform.clipopt h3 {
  margin: 0px;
  padding: 0 0 0px 0;
  border: 0px; 
}
#loginform.clipopt .shadowtop {
  width: 242px;
  height: 28px;
  background: transparent url(../images/login-round-top.png) top left no-repeat;
}
#loginform.clipopt .rvcontent {
  z-index: 99;
  padding-left: 20px;
  background: transparent url(../images/login-round-sides.png) top left repeat-y;
}
#loginform.clipopt .rvcontent p {
  padding: 2px 0px;
}
#loginform.clipopt .shadowbottom {
  width: 100%;
  background: transparent url(../images/login-round-bott.png) top left no-repeat;
}
#loginform.clipopt .rvcontent .row {
  float: left;
  width: 120px;
}
#loginform.clipopt .rvcontent button {
  margin-right: 25px;
  float: right;
}

.vidselection, .vidcontent {
  float: left;
  position: relative;
}
.vidselection {
  margin: 0px;
  width: 630px;
}
.vidselection .flash-player {
  background:#000  url(../images/play-controller.gif) left bottom no-repeat;
  width: 618px;
  height: 383px;
  cursor: pointer;
  position: relative;
}

.vidselection .flash-player a, .vidselection .flash-player img {
  display: block;
  position: absolute;
  width: 618px;
  height: 356px;
  z-index: 1;
}
.demo-reels .vidselection .flash-player img {
  z-index: 11;
}
.vidselection .flash-player a {
  height: 383px;
  z-index: 10;
  outline: none;
/*  background: url(../images/playbutton-lg.png) 268px 139px no-repeat; */
}
.vidcontent {
  width: 308px;
  margin-left: 5px;
}
.vidcontent .bordertop {
  background: transparent url(../images/video-detail-round-top.png) bottom left no-repeat;
  height: 10px;
}
.vidcontent .borderbottom {
  background: transparent url(../images/video-detail-round-bott.png) top left no-repeat;
  height: 10px;
}
.vidcontent .vid-details {
  background: transparent url(../images/video-detail-round-sides.png) top left repeat-y;
  padding: 2px 12px;
}
.vidcontent .vid-details {
  color: #000;
}
.vidcontent .vid-details h3 {
  margin: 0px;
  padding-bottom: 5px;
  color: #000;;
  font-size: 14px;
}
.vidcontent .vid-details h3 .btntext {
  float: right;
  color: #7b7b7b;
}
.vidcontent .vid-details h3 .btntext label {
  margin: 4px 0 0 5px;
}
.vidcontent .vid-details p {
  margin: 0px;
  padding: 3px 0;
}
.vidcontent .vid-details p span {
  font-weight: bold;
}
.vidcontent p.note {
  color: #444;
  font-size: 11px;
  padding: 5px;
}
.vidcontent p.note a {
  color: #407ea7;
}
.vidcontent .related {
  margin: 20px 12px 35px 12px;
}
.vidcontent .related h2 {
  margin: 0 0 5px 6px;
}
.vidcontent .related h2,
.vidcontent .related h2 a {
  font-weight: bold;
  padding-left: 0px;
  font-size: 14px;
  color: #407ea7;
}
.vidcontent .related a.viewmore {
  margin-top: 10px;
  color: #407ea7;
  float: right;
}
.freeclip .vidcontent .related a.viewmore {
  font-size: 13px;
}
.vidselection .vid-acts {
  margin: 6px 0 0 0;
  padding: 0px;
}
.vidselection .vid-acts li {
  float: left;
}
.vidselection .vid-acts li span.separator {
  padding: 4px 8px;
}
.vidselection .tabnav {
  list-style: none;
  padding: 0px;
  margin: 15px 0 0 12px;
}
.vidselection .tabnav .tab {
  background: transparent url(../images/normal-tab.png) top left no-repeat;
  width: 135px;
  height: 24px;
  line-height: 24px;
  margin-right: 5px;
  display: block;
  font-weight: bold;
  color: #407ea7;
  font-size: 12px;
  text-align: center;
}
.vidselection .tabnav .tab.current {
  background: transparent url(../images/current-tab.png) top left no-repeat;
  color: #000;
}
.vidselection .tabnav li {
  float: left;
  padding: 0px;
  margin: 0px;
}
.vidselection .tabwrapper {
  position: relative;
  width: 630px;
}
.vidselection .tabwrapper .clipopt {
  position: relative;
  width: 630px;
  display: block;
  left: 0px;
  top: -1px;
}
.vidselection .clipopt.hide {
  display: none;
}
.vidselection .clipopt .shadowtop {
  background: transparent url(../images/drop-shadow-top.png) bottom left no-repeat;
  height: 53px;
  width: 590px;
  margin: 0px;
  padding: 10px 25px 6px 15px;
}
.vidselection .clipopt .shadowbottom {
  background: transparent url(../images/drop-shadow-bott.png) top left no-repeat;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
.vidselection .clipopt .rvcontent {
  background: transparent url(../images/drop-shadow-sides.png) top left repeat-y;
}
.vidselection .clipopt .rvcontent ul {
  margin-left: 5px;
}
.vidselection .clipopt .rvcontent ul li {
  margin-bottom: 5px;
}
.vidselection .clipopt .rvcontent li h6 {
  color: #444;
  font-size: 12px;
  margin: 0px 20px 3px 0px;
  border-top: 1px solid #ddd;
  padding: 5px 5px 5px 0;
}
.vidselection .clipopt .rvcontent input[type=checkbox] {
  margin-right: 5px;
}
.vidselection .clipopt .rvcontent input.addtocart {
  float: right;
  margin: 10px 20px;
}

/* Cinematographer */
.vidselection, .cinecontent img {
  float: left;
  margin: 0px 10px 10px 0px;
}
.vidselection, .cinecontent {
  float: left;
  position: relative;
  width: 618px;
}
.vidselection, .cinecontent p.credits {
  width: 618px;
}
.vidselection h2 {
  font-weight: bold;
  font-size: 18px;
  color: #414d59;
}
.cinemato .content h2 {
  margin-bottom: 5px;
} 
#cinematographers .content a,
.cinemato .vid-details a {
  font-weight: bold;
  color: #6ca0cd;
}
#cinematographers .content .entry {
  margin:  0 0 20px 0;
}
#cinematographers .content .details {
  float: left;
  width: 400px;
}
#cinematographers .content .image {
  float: left;
  width: 240px;
  margin-right: 10px;
}


table {
  width: 100%;
  margin: 0px;
  border-collapse: collapse;
}
table td {
  padding: 3px 2px 0px 2px;
  vertical-align: top;
}
table th {
  padding: 3px 2px 8px 2px;
  font-size: 13px;
  color: #414d59;
  border-bottom: 1px solid #dadada;
}
table .separator td {
  border-top: 1px solid #dadada;
}
table .title {}
table .price, table .price {
  width: 120px;
  text-align: right;
}
table .preview {
  width: 125px;
  float: none;
  width: 137px;
  height: 78px;
  /*
  display: block;
  border: 1px solid red;
  */
}
table .preview img {
  margin: 5px 0;
  width: 135px;
  height: 76px;
  border: 1px solid #dadada;
}
table .date {
  width: 100px;
}
table .status {
  width: 100px;
  text-align: center;
}
table .delete {
  width: 50px;
  text-align: right;
}
table .detail {
  width: 120px;
  text-align: right;
}
table .delete a {
  text-decoration: underline;
}
table .format td {
  padding-left: 5px;
}
table .id {
  width: 80px;
}
table .quantity {
  width: 80px;
  text-align: center;
}
#quotes table .id {
  width: 480px;
}
#quotes table .price {
  width: 90px;
}
#quotes table td.price {
  font-weight: bold;
}
#quotes table .addtocart {
  text-align: right;
}
.cart-summary {
  margin: 10px 0 0 400px;
  border-top: 1px solid #a4a4a4;
}
.cart-summary .row label.name {
  font-weight: bold;
  text-align: right;
  width: 150px;
}
.cart-summary .row .value {
  padding-top: 3px;
}
.error, .message {
  color: #bd0000;
  padding: 5px 12px;
}
.row .value .error {
  padding: 0px;
}
.message {
  color: green;
}

/* Advanced Search */ 
.searchbox {
  width: 944px;
  padding: 0px;
  margin-bottom: 12px;
}
.roundtop {
  background: transparent url(../images/search-round-top.png) bottom left no-repeat;
  height: 10px;
}
.roundbottom {
  background: transparent url(../images/search-round-bott.png) top left no-repeat;
  height: 10px;
}
.roundsides {
  background: transparent url(../images/search-round-sides.png) top left repeat-y;
  padding: 5px 10px;
}
.roundsides .row {
  margin: 0px;
}
.searchbox .roundsides .row .text {
  width: 50%;
  padding: 2px;
}
.searchbox .roundsides .row label.name {
  width: 100px;
  font-weight: bold;
  padding-top: 4px;
  text-align: right;
  color: #000;
  font-size: 12px;
}
.searchbox .roundsides .row select {
  font-size: 11px;
  padding: 1px;
  color: #4c4c4c;
}
.searchbox .roundsides .row .submit {
  font-weight: bold;
  padding: 0 5px;
}
.searchwrapper {
  position: relative;
}
.adv-search-menu {
  float: left;
  width: 65px;
  margin-left: 5px;
}
.adv-search-options-wrapper {
  width: 854px;
  margin-left: 90px;
}
.adv-search-options-col {
  float: left;
  width: 275px;
  margin: 0 7px;
}
.adv-search-options-col.first { margin-left: 0px;}
.adv-search-options-col.third  { margin-right: 0px; }
.adv-search-option {
  margin-bottom: 15px;
}
.adv-search-option-top {
  background: url(../images/search-option-top.gif) no-repeat;
  width: 245px;
  height: 22px;
  line-height: 27px;
  padding: 0px 10px 5px 20px;
}
.adv-search-option-top h3 {
  color: #000;
  font-size: 13px;
  margin: 0;
}
.adv-search-option-body {
  border: 1px solid #d2d2d2;
  border-top: none;
  margin-top: -2px;
  padding: 10px 5px;
}
.adv-search-option-body .links {
  margin-left: 13px;
}
.adv-search-option-body a {
  color: #0b63a2;
}
.adv-search-option-body-inner {
  border: 1px solid #d2d2d2;
  margin: 5px 0;
  padding: 5px;
}
.adv-search-option-body-inner h4 {
  display: block;
  margin: 7px 0 4px;
  font-size: 11px;
  font-weight: bold;
}
.adv-search-option-body-inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.adv-search-option-body-inner ul li {
  display: block;
  margin-bottom: 3px;
}
.adv-search-option-body-inner ul li input, .adv-search-option-body-inner ul li label {
  font-size: 10px;
  vertical-align: middle;
}
.adv-search-option-body-inner ul li input {
  cursor: pointer;
  margin: 0;
}
.adv-search-option-body-inner ul li label {
  font-size: 11px;
  margin-left: 10px;
  cursor: pointer;
}
.searchwrapper .down, .searchwrapper .up {
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  display: block;
  outline: none;
}
.searchwrapper .down  {
  background: url(../images/buttons/expand.gif) left top no-repeat;
}
.searchwrapper .up  {
  background: url(../images/buttons/hide.gif) left top no-repeat;
}
.adv-search-option-top .down, .adv-search-option-top .up {
  float: right;
  background-position: left 6px;
  height: 21px;
}
.searchwrapper .adv-search-menu .down, .searchwrapper .adv-search-menu .up {
  display: block;
  margin-bottom: 15px;
  height: 24px;
  width: 50px;
  text-indent: 0px;
  font-weight: bold;
  padding-left: 18px;
  color: #0b63a2
}
.buttons {
  text-align: right;
  margin: 15px 0px 5px 0;
}

.buttons_pay {
  text-align: left;
  margin: 15px 0px 5px 140px;
}

.row .value input.date-pick {
  float: left;
}
p.register {
  font-size: 16px;
}
#login form a, p.register a {
  text-decoration: none;
  color: #407EA7;
}
form.paypal h4 {
  border-top: 3px solid #F3F3F3;
  padding: 10px 0;
  margin: 20px 0 0 0;
}

/* Date picker */
table.jCalendar {
  border: 1px solid #000;
  background: #aaa;
  border-collapse: separate;
  border-spacing: 2px;
}
table.jCalendar th {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
}
table.jCalendar td {
  background: #ccc;
  color: #000;
  padding: 3px 5px;
  text-align: center;
}
table.jCalendar td.other-month {
  background: #ddd;
  color: #aaa;
}
table.jCalendar td.today {
  background: #666;
  color: #fff;
}
table.jCalendar td.selected {
  background: #f66;
  color: #fff;
}
table.jCalendar td.selected:hover {
  background: #f33;
  color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
  background: #fff;
  color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
  background: #bbb;
  color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
  position: relative;
  background: #ccc;
  font-size: 10px;
  font-family: arial, sans-serif;
  padding: 2px;
  width: 171px;
  line-height: 1.2em;
}
div#dp-popup {
  position: absolute;
  z-index: 5000;
}
div.dp-popup h2 {
  font-size: 12px;
  text-align: center;
  margin: 2px 0;
  padding: 0;
}
a#dp-close {
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}
a#dp-close:hover {
  text-decoration: underline;
}
div.dp-popup a {
  color: #000;
  text-decoration: none;
  padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-prev a {
  float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  cursor: default;
}
div.dp-popup div.dp-nav-next {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-next a {
  float: right;
}
div.dp-popup a.disabled {
  cursor: default;
  color: #aaa;
}
div.dp-popup td {
  cursor: pointer;
}
div.dp-popup td.disabled {
  cursor: default;
}
a.dp-choose-date {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 3px 3px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
  background-position: 0 -20px;
  cursor: default;
}
.quote_form {
  padding-top: 10px;
}
.quote_form p {
  padding: 5px 0;
  color: #414d59;
}
.collection-cart {
  margin: 10px 0;
}
.collection-cart select, .collection-cart a.btn-addto-cart {
  float: left;
}
.collection-cart a.btn-addto-cart {
  margin: 5px 0 0 5px;
}

/* Cinematographer Profile */
#profile .content {
  padding: 0 4px;
}
#profile #leftsidebar .shadowsides img {
  display: block;
  margin: 0 auto;
}
#profile #leftsidebar h2 {
  margin: 0 0 5px;
  padding: 3px 0;
}
#profile dl {
  color: #000000;
/* font-size: 12px; */
}
#profile dl dt {
  display: block;
  font-weight: bold;
/* display: inline; */
}
#profile dl dd {
  display: block;
  margin: 0 0 15px 0;
  padding-top: 3px;
/* display: inline; */
}
#profile .bio p {
  color: #000;
  font-size: 11px;
}
#profile .bio h2 {
  margin: 5px 0;
}


/* following line have to be moved to right location later on */
.folders span {
  display: block;
  float: left;
  margin-right: 10px;
}
.folders span:first-child {
  width: 15px;
  margin-right: 5px;
}
.folders span.edit {
  margin-left: 20px;
}
.folders span a {
  color: #407EA7;
}
.folders .description {
  margin: 5px 20px 10px;
}

.userlogin p a { color: #407EA7; }

#signup_form form a { color: #407EA7; }

/* Static pages */
.static_content {
  padding: 0 20px;
}
#video_formats #contentwrapper {
  border-left: none;
}
.static_content h3 {
  display: block;
  color: #414d59;
  font-size: 13px;
  font-weight: bold;
  margin: 30px 0 0;
}
.static_content h4 {
  font-size: 11px;
  margin-top: 25px;
}
.static_content {
  padding: 0 20px;
}
.static_content p {
  color: #444;
  font-size: 12px;
}
.static_content .staff {
  color: #666;
  font-size: 11px;
  font-weight: bold;
  margin: 15px 0 10px;
}
.static_content p a {
  color: #407EA7;
}
.static_content ol, .static_content ul, .freeclipinfo ul {
  display: block;
  color: #444;
  font-size: 12px;
  margin: 5px 15px;
  padding: 0 0 0 5px; 
}
.freeclipinfo ul {
  font-size: 11px;
}
.static_content ol li, .static_content ul li, .freeclipinfo ul li {
  list-style-position: outside;
  margin-bottom: 5px;
  padding-left: 5px;
}
.static_content ol li ul li {
  list-style-type: lower-alpha;
}
.static_content ul li span {
  font-weight: bold;
  font-size: 11px;
}
.help_subsection {
  padding-left: 20px;
}

#contact_form .row label.name {
  width: 125px;
}
.contact-form {
  float: left;
  width: 500px;
}
.contact-info {
  margin-left: 600px;
}
.contact-info p {
  color: #444;
  font-size: 12px;
}

/* footer related */
#footer {
  margin: 20px;
  text-align: center;
  color: #8a8787;
  margin-left: 0px;
}
#footer.left {
  margin-left: -182px;
}
#research_request #footer,
#sitemap #footer {
  margin-left: 0px;
}
#footer .footer_sn a {
  color: #407ea7;
}
#footer .footer_reg a {
  color: #666;
}


.demo-reels .vidselection {
  margin: 0px 0 15px 40px;
  float: none;
}
.demo-reels .vidselection h3 {
  text-align: center;
}

.bookmark-button .delete_button {
  margin: 0px 50px 0 0;
}
#bookmark .paging {
  margin-bottom: 0px;
}
#bookmark .bookmark-button.first {
  margin-bottom: 10px;
}
#bookmark .bookmark-button.last {
  margin-top: 10px;
}
#bookmark .folder {
  margin-bottom: 10px;
}
#bookmark input.checkbox {
  margin-right: 4px;
}
#sitemap #content ul {
  width: 28%;
  float: left;
}
#sitemap #content ul ul {
  width: 100%;
  float: none;

}
.freeclip .tabwrapper {
  margin-top: 20px;
}
#about_us #content a, 
#about_us #content a:visited {
  color: #407EA7;
  font-weight: bold;
  font-size: 12px;
}
.vid-details {
  position: relative;
}
.nextprev {
  text-align: center;
  padding-bottom: 5px;
}
.nextprev a {
  font-size: 13px;
}

#video_player { 
  width: 498px;
  height: 280px;
  margin: 0 auto;
}
/*#video_player div,*/
#video_player figcaption { 
  display: table-cell;
  vertical-align: top; 
}
#video_player video { 
  display: block;
  width: 100%;
  height: 100%;
}
#video_player figcaption { width: 25%; 
  display: none;
}
#video_player figcaption a { display: block; }
#video_player figcaption a { 
  opacity: .5;
  transition: 1s opacity; 
}
#video_player figcaption a img, figure video { 
  width: 100%; height: auto; 
}
#video_player figcaption a.currentvid, #video_player figcaption a:hover, #video_player figcaption a:focus { opacity: 1; }
@media (max-width: 700px) {
  #video_player video, #video_player figcaption { 
    display: table-row; 
  }
#video_container { padding-top: 56.25%; }
#video_player figcaption a { 
  display: inline-block; width: 33.33%; 
}
}

.col-2, .col-3, .col-4, .col-6 {
  float: left;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33%;
}
.col-6 {
  width: 49%;
}
#contentheader .marquee-bottom .marquee-wrapper {
  height: auto; 
}
.marquee-wrapper .col-6 {
  font-family: tahoma,geneva,verdana,sans-serif;
  width: 45%;
  color: #fff;
  padding: 15px 10px 15px 30px;
}
.marquee-wrapper .col-6 ul {
  list-style: disc;
  margin: 5px 0px 0px 15px;
}
.marquee-wrapper .col-6 li {
  background: none;
  font-weight: normal;
  width: 180px;
  height: 100%;
  padding: 0px 0 0 0px;
}
.marquee-wrapper .col-6 hr {
  height: 1px;
}
.marquee-wrapper .col-6 .nav-title {
  font-size: 12px;
}
.marquee-wrapper .col-6 span {
  display: block;
  margin: 0px 0px 5px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #8fbcea;
}
.toolbar-rewrote {
  float: none;
}
.toolbar-rewrote .download {
  float: left;
}
.toolbar-rewrote .clipbin {
  display: block;
  overflow: hidden;
  text-align: right;
}
.toolbar-rewrote select {
  max-width: 200px;
}
.clearfix:before,
.clearfix:after {
  content: ' ',
  display: table !important;
}
.clearfix:after {
  clear: both;
}
#pov {
  padding: 0 20px;
}
#pov a {
  color: #407ea7;
}
#pov .more {
  display: none;
}
</pre></body></html>