* {
  margin:0;
  padding:0;
  font-size:100%;
  z-index: 2;
}

body {
  background: #000 /*url('../images/elements/main-drape.jpg') repeat-x top left*/;
  text-align: center;
  min-width: 1000px;
  background-attachment: fixed;
  overflow-x: hidden;
}

#main-drape-end {
  /*background: transparent url('../images/elements/main-drape-end.jpg') no-repeat top center;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 641px;
  z-index: 1;
}

#main-drape-left {
  background: transparent url('../images/elements/curtain_left.png') no-repeat top right;
  position: fixed;
  top: 0;
  left: 50%;
  width: 1174px;
  height: 692px;
  z-index: 3;
  margin-left: -1670px;
}

#main-drape-right {
  background: transparent url('../images/elements/curtain_right.png') no-repeat top left;
  position: fixed;
  top: 0;
  right: 50%;
  width: 1174px;
  height: 692px;
  z-index: 3;
  margin-right: -1670px;
}

html, input, textarea {
  font-family:Arial, Helvetica, sans-serif; 
  font-size:0.75em; 
  line-height:18px; 
  color: #000;
}

input, select {
  vertical-align:middle;
  font-weight:normal;
}

a {
  color: #1668C5;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.left { 
  float:left !important;
}

img.left {
  margin-bottom: 6px;
  margin-right: 10px;
}

.right {
  float:right;
}

img.right {
  margin-bottom: 6px;
  margin-left: 10px;
}

.clear  {
  clear:both;
}

pre {
  text-align: left;
  z-index: 10000;
  position: relative;
}

.footnotes {
  font-size: 10px;
}

.button {
  text-decoration: none;
  cursor: default;
}

a.button {
  cursor: pointer;
}

.button span {
  display: block;
  float: left;
  height: 37px;
  width: 10px;
  background: transparent url('../images/elements/button-right.png') no-repeat top left;
}

.button span:first-child {
  background: transparent url('../images/elements/button-left.png') no-repeat top left;
}

.button span.text {
  width: auto;
  height: 29px;
  padding-top: 8px;
  font-size: 0.8em;
  background: transparent url('../images/elements/button-bg.png') repeat-x top left;
  text-shadow: 0 1px 0 #fff;
}

.button span.text img {
  vertical-align: top;
  border: none;
  margin-right: 5px;
  margin-top: 3px;
}

.button span.text img.next {
  margin: 3px 0 0 5px;
}

.button span.clear {
  width: auto;
  height: auto;
  padding-top: 0;
  margin: 0;
  background: none;
  clear: left;
}

.button.ajax span.text {
  width: 174px;
  font-size: 1em;
  padding-top: 9px;
}

.button.ajax span.text img {
  margin-top: 2px;
}

.buttons {
  padding: 20px 0 5px;
}

.buttons .button {
  text-decoration: none;
  margin-right: 15px;
  float: left;
}

.buttons a.button:hover {
  text-decoration: none;
}

.buttons .button:first-child {
  margin-left: 0;
}

.require-js {
  display: none;
}

img.captcha {
  border: 1px solid #A7A7A7;
  margin-left: 4px;
  float: right;
  height: 29px;
}

div.phpcaptcha input {
  width: 172px;
}

div.phpcaptcha br {
  display: none;
}

/* HEADER --------------------------------------------- */

#header {
  background: transparent url('../images/elements/header-bg.png') repeat-x top left;
  width: 100%;
  height: 100px;
  position: fixed;
  top: -3px;
  left: 0;
  z-index: 5;
}

#header div.content-wrapper {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

#header div.blue {
  background: transparent url('../images/elements/submenu-bg.png') repeat-x bottom left;
  width: 100%;
  padding-bottom:15px;
}

#header div.blue div.content-wrapper {
  padding-bottom:4px;
  padding-top:5px;
}

#header a.logo {
  background: transparent url("../images/elements/header-logo.png") no-repeat top left;
  display: block;
  width: 140px;
  height: 67px;
  margin-top: 10px;
  text-indent: -5000px;
  float: left;
}

/* MAIN MENU --------------------------------------------- */

#header ul.menu {
  float: left;
  list-style: none;
  margin-top: 3px;
  overflow:hidden;
  width:860px;
}

#header ul.menu li {
  display: block;
  float: left;
  height: 82px;
  margin-left: 50px;
}

#header ul.menu li.section {
  background: transparent url('../images/elements/header-marker.png') no-repeat bottom center;
}

#header ul.menu li a {
  display: block;
  font-size: 1.75em;
  height:48px;
  padding-top:34px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  color: #090909;
}

#header ul.menu li.section a, #header ul.menu li a:hover {
  color: #1668c5;
}

/* SUBMENU --------------------------------------------- */

div.submenu-wrapper {
  background: #E3D2A0;
  margin: -10px 6px 15px 5px;
  padding: 5px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 0 6px #444;
  -webkit-box-shadow: 0 0 6px #444;
  box-shadow: 0 0 6px #444;
}

ul.submenu {
  list-style: none;
}

ul.submenu li {
  float: left;
  margin-right: 15px;
}

/* PAGE CONTENT --------------------------------------------- */

#page-content-wrapper {
  background: #f0dea9 url('../images/elements/content-top-bg.png') repeat-x top left;
  width: 1000px;
  height: auto !important;
  min-height: 525px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  overflow: hidden;
}

#page-content {
  padding: 110px 24px 0;
  color: #5c4600;
  text-shadow: 0 1px 0 #e2d9ba;
  font-size: 1.4em;
  line-height: 1.25em;
}

#page-content #breadcrumb {
  background: #E3D2A0;
  font-size: 10px;
  margin: 0 6px 15px 5px;
  padding: 2px 10px;
  text-shadow: none;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 0 6px #444;
  -webkit-box-shadow: 0 0 6px #444;
  box-shadow: 0 0 6px #444;
}

#page-content div.textbox {
  background: transparent url('../images/elements/textbox-top.png') no-repeat top left;
  width: 951px;
  padding-top: 18px;
  margin-bottom: 20px;
}

#page-content div.textbox div.content {
  background: transparent url('../images/elements/textbox-bg.png') no-repeat top left;
  width: 911px;
  padding: 0 20px;
  min-height: 79px;
}

#page-content div.textbox div.content div.text img {
  background: #F0DEA9;
  padding: 3px;
  margin-top: 5px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 0 6px #777;
  -webkit-box-shadow: 0 0 6px #777;
  box-shadow: 0 0 6px #777;
}

#page-content div.textbox div.content div.text img.blank {
  background: none;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#page-content div.textbox div.bottom {
  background: transparent url('../images/elements/textbox-bottom.png') no-repeat top left;
  width: 951px;
  height: 11px;
}

#page-content div.contentbox div.heading {
  background: transparent url('../images/elements/contentbox-top.png') no-repeat top left;
  width: 951px;
  height: 60px;
  color: #414141;
  text-shadow: 0 1px 0 #fff;
}

#page-content div.contentbox div.heading img.icon {
  float: left;
  margin: 17px 5px 0 15px;
}

#page-content div.contentbox div.heading h1, #page-content div.contentbox div.heading h2 {
  padding: 15px 20px 0;
}

#page-content div.contentbox div.heading a {
  text-decoration: none;
}

#page-content div.contentbox div.heading a:hover {
  text-decoration: underline;
}

#page-content div.contentbox div.heading a.weeklink {
  border: 1px solid;
  display: block;
  float: right;
  margin: 12px 11px 0 15px;
  padding: 2px 5px;
  font-size: 0.75em;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}

#page-content div.contentbox div.heading a.weeklink:hover {
  text-decoration: none;
}

#page-content div.contentbox div.heading a.weeklink img {
  border: none;
  margin-top: -2px;
  vertical-align: middle;
}

#page-content div.contentbox div.content {
  background: transparent url('../images/elements/contentbox-bg.png') repeat-y top left;
  width: 911px;
  padding: 0 20px;
}

#page-content div.contentbox div.content div.text img {
  background: #F0DEA9;
  padding: 3px;
  margin-top: 5px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 0 6px #777;
  -webkit-box-shadow: 0 0 6px #777;
  box-shadow: 0 0 6px #777;
}

#page-content div.contentbox div.content div.text > img {
  margin-top: 0;
}

#page-content div.contentbox div.content div.text img.blank {
  background: none;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#page-content div.contentbox div.bottom {
  background: transparent url('../images/elements/contentbox-bottom.png') no-repeat top left;
  width: 951px;
  height: 35px;
}

#page-content div.contentbox.userdefinedform div.content div.text {
  margin-bottom: 15px;
}

#page-content div.contentbox.userdefinedform div.content div.form {
  clear: both;
  float: left;
}

#page-content div.contentbox.userdefinedform div.content div.address {
  padding-left: 350px;
  padding-top: 28px;
}

#page-content div.contentbox.userdefinedform div.content div.map {
  border: 4px solid #F0DEA9;
  height: 299px;
  margin-left: 350px;
  margin-top: 21px;
  width: 550px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

#page-content div.contentbox.userdefinedform div.content div.map iframe {
  border:1px solid #A7A7A7;
}

div.PageNumbers-bottom {
  padding-bottom:20px;
  margin-top:-20px;
}

div.PageNumbers {
  margin-left: 15px;
  margin-right: 15px;
}

div.PageNumbers.comments {
  margin-left: 0;
  margin-right: 0;
}

div.PageNumbers span.item-count {
  float: left;
  line-height: 47px;
  font-size: 0.8em;
  text-shadow: 0 1px 0 #eee;
}

div.PageNumbers.comments span.item-count {
  text-shadow: 0 1px 0 #e2d9ba;
}

div.PageNumbers div.buttons {
  float: right;
  padding-top: 5px;
}

div.PageNumbers .button {
  margin-right: 5px;
}

div.PageNumbers .button.current span.text {
  font-size: 0.85em;
  font-weight: bold;
}

div.PageNumbers .button.last {
  margin-right: 0;
}

div.PageNumbers span.empty {
  float: left;
  margin-right: 5px;
  line-height: 37px;
  text-shadow: 0 1px 0 #eee;
}

div.PageNumbers.comments span.empty {
  text-shadow: 0 1px 0 #e2d9ba;
}

/* TODAYS MOVIES / MOVIE PROGRAM ---------------------------- */

.todaysmovies div.movie {
  float: left;
  margin: 10px;
  width: 435px;
}

.todaysmovies div.movie img.cover {
  background: transparent url('../images/elements/cover-thumb-bg.png') no-repeat top left;
  float: left;
  padding: 8px;
  position: relative;
  border: none;
}

.todaysmovies div.movie img.cover.noimg {
  padding: 42px 18px 43px;
}

.todaysmovies div.movie div.description {
  height: 131px;
  overflow: hidden;
  padding-top: 4px;
}

.movieprogram div.movie div.description {
  height: 96px;
}

.todaysmovies div.movie div.description a {
  color: #5c4600;
  text-decoration: none;
}

.todaysmovies div.movie div.description a:hover {
  background: transparent url('../images/elements/info-icon.png') no-repeat center right;
  padding-right: 17px;
}

.todaysmovies div.movie div.description p {
  font-size: 0.75em;
  line-height: 1.25em;
  margin-top: 5px;
}

.todaysmovies div.movie div.screentimes {
  left: -9px;
  position: relative;
  z-index: 1;
}

.movieprogram div.movie div.screentimes {
  left: 0;
  position: relative;
}

.todaysmovies div.movie div.screentimes div.time {
  background: transparent url('../images/elements/program-time-bg.png') no-repeat top left;
  float: left;
  height: 33px;
  padding: 12px 0 0 15px;
  width: 52px;
}

.todaysmovies div.movie div.screentimes div.time.now-playing {
  padding-left: 4px;
  width: 63px;
}

.todaysmovies div.movie div.screentimes div.time.now-playing span img {
  margin-top:2px;
  vertical-align: top;
}

.todaysmovies div.movie div.screentimes div.last {
  background: transparent url('../images/elements/program-time-end.png') no-repeat top left;
  float: left;
  width: 6px;
  height: 45px;
}

.todaysmovies div.movie div.screentimes table.time-table {
  bottom: -2px;
  font-size: 10px;
  line-height: 13px;
  left: 130px;
  position: absolute;
}

.todaysmovies div.movie div.screentimes table.time-table thead th {
  background: transparent url('../images/elements/time-table-head-bg2.png') no-repeat top right;
  height: 38px;
  padding: 0 8px 0 5px;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  text-align: center;
}

.todaysmovies div.movie div.screentimes table.time-table thead th.begin {
  background: transparent url('../images/elements/time-table-head-first-bg.png') no-repeat top left;
  padding: 0 0 0 14px;
}

.todaysmovies div.movie div.screentimes table.time-table thead th.end {
  background: transparent url('../images/elements/time-table-head-last-bg.png') no-repeat top right;
  padding: 0 13px 0 0;
}

.todaysmovies div.movie div.screentimes table.time-table thead th.first {
  padding-left: 0;
}

.todaysmovies div.movie div.screentimes table.time-table thead th.last {
  background: transparent url('../images/elements/time-table-head-bg.png') repeat-x top left;
  padding-right: 2px;
}

.todaysmovies div.movie div.screentimes table.time-table thead th.single {
  background: transparent url('../images/elements/time-table-head-bg.png') repeat-x top left;
  padding-left: 0;
  padding-right: 2px;
}

.todaysmovies div.movie div.screentimes table.time-table tbody td {
  background: transparent url('../images/elements/time-table-body-bg2.png') no-repeat bottom right;
  padding: 0 2px 10px 0;
  text-align: center;
  vertical-align: top;
}

.todaysmovies div.movie div.screentimes table.time-table tbody td.begin {
  background: transparent url('../images/elements/time-table-body-first-bg.png') no-repeat bottom left;
  padding: 0 0 0 15px;
}

.todaysmovies div.movie div.screentimes table.time-table tbody td.first {
  padding-right: 9px;
}

.todaysmovies div.movie div.screentimes table.time-table tbody td.last {
  background: transparent url('../images/elements/time-table-body-bg.png') repeat-x bottom left;
  padding-left: 4px;
  padding-right: 0;
}

.todaysmovies div.movie div.screentimes table.time-table tbody td.single {
  background: transparent url('../images/elements/time-table-body-bg.png') repeat-x bottom left;
  padding-right: 2px;
}

.todaysmovies div.movie div.screentimes table.time-table tbody td.end {
  background: transparent url('../images/elements/time-table-body-last-bg.png') no-repeat bottom right;
  padding: 0 13px 0 0;
}

/* MOVIE PAGE ----------------------------------------- */

#movie div.description {
  padding-top: 4px;
  margin-bottom: 15px;
}

#movie img.cover {
  background: transparent url('../images/elements/cover-bg.png') no-repeat top left;
  float: left;
  padding: 8px;
  margin-bottom:5px;
  margin-right:15px;
  position: relative;
  border: none;
}

#movie img.cover.noimg {
  padding: 42px 18px 43px;
}

#movie div.tables {
  position: relative;
  left: -6px;
  float: left;
}

#movie table.table {
  font-size:12px;
  line-height:18px;
}

#movie table.table thead th, #movie table.table tr.thead th {
  background: transparent url('../images/elements/table-head-bg2.png') no-repeat top right;
  height: 49px;
  padding: 0 8px 0 5px;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  text-align: center;
}

#movie table.table thead th.begin, #movie table.table tr.thead th.begin {
  background: transparent url('../images/elements/table-head-first-bg.png') no-repeat top left;
  padding: 0 0 0 14px;
}

#movie table.table thead th.end, #movie table.table tr.thead th.end {
  background: transparent url('../images/elements/table-head-last-bg.png') no-repeat top right;
  padding: 0 13px 0 0;
}

#movie table.table thead th.first, #movie table.table tr.thead th.first {
  padding-left: 0;
}

#movie table.table thead th.last, #movie table.table tr.thead th.last {
  background: transparent url('../images/elements/table-head-bg.png') repeat-x top left;
  padding-right: 2px;
}

#movie table.table thead th.single, #movie table.table tr.thead th.single {
  background: transparent url('../images/elements/table-head-bg.png') repeat-x top left;
  padding-left: 0;
  padding-right: 2px;
}

#movie table.table tbody td {
  background: transparent url('../images/elements/table-body-bg2.png') no-repeat bottom right;
  padding: 0 2px 10px 0;
  text-align: center;
  vertical-align: top;
}

#movie table.table tbody td.begin {
  background: transparent url('../images/elements/table-body-first-bg.png') no-repeat bottom left;
  padding: 0 0 0 15px;
}

#movie table.table tbody td.first {
  padding-right: 9px;
}

#movie table.table tbody td.last {
  background: transparent url('../images/elements/table-body-bg.png') repeat-x bottom left;
  padding-left: 4px;
  padding-right: 0;
}

#movie table.table tbody td.single {
  background: transparent url('../images/elements/table-body-bg.png') repeat-x bottom left;
  padding-right: 2px;
}

#movie table.table tbody td.end {
  background: transparent url('../images/elements/table-body-last-bg.png') no-repeat bottom right;
  padding: 0 13px 0 0;
}

#movie table.table tbody td.cell {
  background: transparent url('../images/elements/table-body-cell-bg2.png') no-repeat top right;
  padding-right: 2px;
  padding-bottom:0;
}

#movie table.table tbody td.cell.block {
  padding-top: 10px;
}

#movie table.table tbody tr:first-child td.cell.block {
  padding-top: 0;
}

#movie table.table tbody td.cell.begin {
  background: transparent url('../images/elements/table-body-cell-first-bg.png') no-repeat bottom left;
  padding: 0 0 0 15px;
}

#movie table.table tbody td.first.cell {
  padding-right: 9px;
}

#movie table.table tbody td.cell.last {
  background: transparent url('../images/elements/table-body-cell-bg.png') repeat-x top left;
  padding-right: 2px;
}

#movie table.table tbody td.cell.end {
  background: transparent url('../images/elements/table-body-cell-last-bg.png') no-repeat top right;
  padding: 0 13px 0 0;
}

#movie table.table tbody td.bottom {
  height: 15px;
}

/* BLOG ----------------------------------------------- */

.post-meta {
  font-size: 0.8em;
  margin-bottom: 10px;
  background: #E3D2A0;
  padding: 5px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

.post-meta img {
  vertical-align: top;
  border: none;
  margin-left: 20px;
  margin-right: 5px;
  margin-top: 3px;
}

.post-meta img.tags {
  margin-right: 2px;
}

.post-meta img:first-child {
  margin-left: 0;
}

.post-links a.button {
  float: right;
  margin-top: 10px;
}

.post-links a.button img.read-more {
  vertical-align: top;
  border: none;
  margin-left: 5px;
  margin-top: 3px;
  margin-right: 0;
}

.admin-actions {
  padding: 20px 0 5px;
}

.admin-actions a {
  text-decoration: none;
  margin-right: 15px;
  float: left;
}

.admin-actions a:hover {
  text-decoration: none;
}

.admin-actions a:first-child {
  margin-left: 0;
}

.admin-actions img {
  vertical-align: top;
  border: none !important;
  margin-right: 5px;
  margin-top: 3px;
}

#PageComments {
  list-style: none;
}

#PageComments li {
  padding: 10px;
  background: #F0DEA9;
  margin-top: 15px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

#PageComments li:first-child {
  margin-top: 0;
}

#PageComments li img {
  float: left;
  margin-right: 10px;
  border: 1px solid #d3c394;
}

#PageComments li div.comment-content {
  padding-left: 60px;
  text-shadow: 0 1px 0 #eee;
}

#PageComments li div.comment-content div.info {
  font-size: 0.8em;
  font-style: italic;
}

#PageComments li div.admin-actions {
  clear: left;
}


/* FOOTER --------------------------------------------- */

#footer {
  height: auto !important;
  height: 104px;
  min-height: 104px;
  width: 1000px;
  margin: 0 auto;
  background: #f0dea9 url('../images/elements/footer-bg.png') repeat-x bottom left;
  position: relative;
}

#footer div.content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 30px;
  text-align: left;
  color: #5c4600;
  text-shadow: 0 1px 0 #E2D9BA;
  font-size: 1.0em;
  line-height: 1.25em;
}

#footer ul.menu {
  list-style: none;
  margin-top:10px;
}

#footer ul.menu li {
  display: block;
  float: left;
  padding: 0 5px;
  border-right: 1px solid #84723a;
}

#footer ul.menu li.first {
  padding-left: 0;
}

#footer ul.menu li.last {
  border: none;
}

#footer ul.menu li a {
  display: block;
  text-decoration: none;
  text-shadow: 0 1px 0 #d5cdb7;
  color: #84723a;
}

#footer ul.menu li.current a, #footer ul.menu li a:hover {
  text-decoration: underline;
}

.scrollable {
    height: 130px;
    margin: 20px 15px 20px 8px;
    overflow: hidden;
    position: relative;
    width: 934px;
}
.scrollable .items {
    clear: both;
    position: absolute;
    width: 20000px;
}
.items a {
    float: left;
    display: block;
}
.scrollable img {
    float: left;
    height: 114px;
    background: #F0DEA9;
    padding: 3px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 6px #777;
    -webkit-box-shadow: 0 0 6px #777;
    box-shadow: 0 0 6px #777;
    
    
}
.scrollable .active {
    border: 2px solid #000000;
    cursor: default;
    position: relative;
}

#font-sizer {
  background: #F0DEA9 url('../images/elements/shadow-vert.png') repeat-y top left;
  margin-right: -495px;
  padding: 10px 6px 10px 5px;
  position: fixed;
  right: 50%;
  top: 200px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 1;
}

#font-sizer img {
  cursor: pointer;
  margin-top: 10px; 
}

#font-sizer img:first-child {
  margin-top: 0; 
}
/*
  videolibrary begin
*/
.VideoLibraryPage .case{
  background-image: url("../images/videolibrary/case.png");
  display: block;
  height: 171px;
  overflow: hidden;
  width: 118px; 
  position: relative;
  -webkit-transform: perspective( 600px ) rotateY( 25deg );
  -moz-transform: perspective(600px) rotateY (25deg);
  -o-transform: perspective(600px) rotate(25deg);
  -ms-transform: perspective(600px) rotateY (25deg);
  transform: perspective( 600px ) rotateY( 25deg );
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.0);
  -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.0);
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.0);
  transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
}
.VideoLibraryPage .case:hover{  
  -webkit-transform: perspective( 600px ) rotateY( 0deg );
  -moz-transform: perspective(600px) rotateY (0deg);
  -o-transform: perspective(600px) rotate(0deg);
  -ms-transform: perspective(600px) rotateY (0deg);
  transform: perspective( 600px ) rotateY( 0deg );
}
.videolibrary_cover{
  display: block;
  height: 156px;
  text-align: center;
  width: 107px;
  cursor: pointer;
  -webkit-border-radius:0 2px 2px 4px;
  -moz-border-radius:0 2px 2px 4px;
  border-radius:0 2px 2px 4px;
  position: absolute;
  top: 3px;
  right: 0;
  border: none;
}
.videolibrary_cover_a{
  display: block;
  width: 107px;
  height: 156px; 
  -webkit-transform: translateZ(30px);
}
.VideoLibraryPage .noimg{
  left: 50%;
  margin: -53px 0 0 -45px;
  padding-bottom: 25px;
  position: absolute;
  top: 50%;
  width: 100px!important;
  height: 100px!important;
  border: none;
}
ul.videolibrary{
  background-image: url('../images/videolibrary/board.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 230px;
  width: 100%;
  display: block;
  margin: -10px 0;
  padding: 0;
}
ul.videolibrary.first{
  padding: 30px 0 0;
  margin: 0 0 10px 0;
}
ul.videolibrary li{
  display: inline-block;
  height: 171px;
  margin: -8px 0 0 30px;
  overflow: hidden;
  padding: 6px 0 0 0;
  position: relative;
  width: 118px;
}
ul.videolibrary li:first-child{
  margin-left: 85px;  
}
.VideoLibraryPage .qtip{
  max-width: 360px;
  background-color: #f0dea9;
  -webkit-box-shadow: 0 0 3px 0px rgba(161, 149, 113, 0.50);
  -moz-box-shadow: 0 0 3px 0px rgba(161, 149, 113, 0.50);
  box-shadow: 0 0 3px 0px rgba(161, 149, 113, 0.50);  
  -webkit-transform: translateZ(30px);
}

.VideoLibraryPage .qtip-content ul{
  margin-left: 0;
}
.VideoLibraryPage .qtip-content ul li{
  list-style: none;
}
.VideoLibraryPage .qtip-content ul li span{
  width: 60px;
  display: inline-block;
}
.VideoLibraryPage .qtip-content ul li:last-child{
  margin-top: 5px;
}
/*
  videolibrary end
*/