/* Video Table CSS */

table#videogallery.hidden {
	visibility: hidden !important;
}

#vgintro {
	margin-bottom: -355px;
}

.vgcap{

	background-color: #EBEAEA;
	border: 1px solid #BCBCBC;
	border-spacing: 0;
	margin: 0;
	width: 960px;
	border-radius: 5px;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
  border:	medium medium;                        

}

li.jcarousel-item{
	height: 30px !important;
	border-bottom: 1px solid #BCBCBC;
	border-top:1px solid #F7F7F7;	
}

li.jcarousel-item span.catheading{
	padding-left: 20px;
}                              
                              

table#videogallery tbody{
	margin: 0px;
	padding: 0px;
}

table#videogallery {
	text-align:center;
	width: 960px;
	height:	400px;
	margin:0px;
	padding:0px;
	background-color: #EBEAEA;
  border-top: 1px solid #BCBCBC;
	border-spacing: 0px;	
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
}

table#videogallery li.jcarousel-item {
	text-align:left;
}

table#videogallery tr, td
{
	margin:0;
	padding:0;
}

table#videogallery td#slideviewer, td#videonavi
{
	vertical-align:middle;
}

table#videogallery td#slideviewer div.video-js-box{
  width: 640px;
  height: 360px;
  margin:0 5px 0 10px;
  padding:0;
  display: inline-table;
}

#videonavi .videonavichild {
	background-color: #E2E2E2;
	border-right: 1px solid #BCBCBC;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;

}

table.videodesc {
	margin: 0px 0 0 10px;
	padding:0px;
	border-collapse: collapse;
	width: 185px;
	line-height: 1;
	/*height: 15px;*/
	text-align:left;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
}

table.videodesc td.title{
  color: #333333;
  height: 30px;
  vertical-align:middle;
  text-shadow: none;
}

table.videodesc td.duration{
  color: gray;
  height: 15px;
  vertical-align:top;
}

.jcarousel-container-vertical {
	position:absolute;
  width: 225px;
  height: 415px;
  margin: 0;
  padding: 0;
    
}

.jcarousel-clip-vertical {
	top: 32px;
	left: 0px;
	width: 245px;
  height: 352px;
}

#mycarousel li,
.jcarousel-item-vertical,
.jcarousel-item-placeholder-vertical {
	width: 245px;
  height: 350px;
}

.jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 245px;
    height: 30px;
    cursor: pointer;
    background: url(../images/videotable/vg-down-arrow.png) no-repeat center;
    border-top:	1px solid #F7F7F7;
}

.jcarousel-next-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
}

.jcarousel-next-disabled-vertical:hover {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    background: url(../images/videotable/vg-down-arrow.png) no-repeat center !important;
}

.jcarousel-prev-disabled-vertical:hover {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    background: url(../images/videotable/vg-up-arrow.png) no-repeat center !important;
}

.jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
    width: 245px;
    height:31px;
    cursor: pointer;
    background: url(../images/videotable/vg-up-arrow.png) no-repeat center;
    border-bottom:	1px solid #BCBCBC;

}

.jcarousel-prev-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
}

.jcarousel-prev-vertical:hover {
	background: url(../images/videotable/vg-up-arrow-hover.png) no-repeat center;
}

.jcarousel-next-vertical:hover {
	background: url(../images/videotable/vg-down-arrow-hover.png) no-repeat center;
}

li.jcarousel-item span.catheading {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	list-style: none outside none;
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	line-height: 30px;
}
.vgcap h3.title {
	margin: 0px;
	padding: 10px 0 10px 20px;
	line-height: 40px;
}

/* thumbnail with caret and label navs */
.jcarousel-item div.thumb-nav { padding:0; margin:0px 0px;}
.jcarousel-item div.thumb-nav a {padding-left: 25px; width: 220px; height: 30px;  cursor: pointer; display: block; *display: inline; outline: none; background: url(../images/videotable/list-backgrounds.png) no-repeat scroll 0 0 ; }
.jcarousel-item div.thumb-nav a table { float: left;}
.jcarousel-item div.thumb-nav a img {margin-left: 11px; margin-top: 9px; width: 61px; height: 15px; border: 1px solid #333;}
.jcarousel-item div.thumb-nav a { background-position: 0 0px; }
.jcarousel-item div.thumb-nav a.visited:hover { background-position: 0 -120px; cursor: default; }
.jcarousel-item div.thumb-nav a.visited { background-position: 0 -90px; cursor: default; }
.jcarousel-item div.thumb-nav a:hover { background-position: 0 -60px; }
.jcarousel-item div.thumb-nav a.active .visited { background-position: 0 -30px; cursor: default; color:#F1F1F1;  }
.jcarousel-item div.thumb-nav a.active:hover { background-position: 0 -30px; cursor: default; color:#F1F1F1;  }
.jcarousel-item div.thumb-nav a.active { background-position: 0 -30px; cursor: default; color:#F1F1F1;  }
.jcarousel-item div.thumb-nav a.active td.title { color:#F1F1F1;  }

#vidtab.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; position: relative; }