/* =============================================

19 Dec 2015

This style is for display the vedio clips

================================================ */

.style1 {
	COLOR: #ff9900
}
.style3 {
	color: #000099;
	font-size: 18px;
}
.style5 {color: #000066}
.style6 {	color: #0066FF;
	font-size: 14pt;
}
.style8 {color: #666666; font-size: 14px; }

#footer { 
width : 902px; 
clear : both; 
color : #333; 
background : #dbe6ec; 
margin : 0 0 0 0; 
text-align : center; 
} 

.panelEx-footer {
	padding: 0;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.panel-footer
{
	padding: 3px;
	text-align:center;
	border: 0px;
	background : #dbe6ec; 
	color : #333; 
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.wd20 {
    width:20px;
}
.wd100 {
    width:100px;
}

 $(document).on('mouseenter', ".panelEx-footer", function () {
     var $this = $(this);
     if (this.offsetWidth < this.scrollWidth && !$this.attr('title')) {
         $this.tooltip({
             title: $this.text(),
             placement: "bottom"
         });
         $this.tooltip('show');
     }
 });

divEx {
  display: table;  
  }

img {
  vertical-align: middle;
  display: table-cell;
}
spanEx {
  vertical-align: middle;
  display: table-cell;
}