html, body{ 
}

body{
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
line-height:1.3;
}

/*--------------------------------
	customize & global reset
---------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; 
padding: 0; 
}

a{ 
color:#fff; 
text-decoration:none; 
cursor:pointer; 
}
a:hover{ 
color:#585757; 
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }	/* Controlsthe BR tag, which makes the WRAPPER float stretch for GECKO */
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

:focus { -moz-outline-style: none; outline:none; }
*::-moz-selection { background:#2b5459; color:#f0f6f8; }

#overlay{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: url(../images/kaltura/trans-bg.png) repeat; cursor: default; }
*:first-child+html #overlay{ background:none; background-color:#000; }
* html #overlay{ position: absolute; background:none; background-color:#000; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

/*--------------------------------
	Content
---------------------------------*/
.body-wrp{
margin:0px auto;
width:759px;
background:#e1e1e1;
height:100%;
}

.banner{
margin:10px 16px;
}

#kaltura{ 
width:auto; 
margin:0 auto; 
border-top:none; 
margin-top:2px;
}	

.heading{
background:#2D2D2D;
width:598px;
height:20px;
margin:-2px;
font-size:12px;
color:#fff;
font-weight:bold;
bont-family:Helvetica;
}

/* videoboxContent */
#videoboxContent{ 
padding:4px; 
}

#kplayer{ 
float:left; 
width:auto; 
height:auto; 
clear:left;
}

#video-single-details{
font-size:16px;
font-weight:bold;
color:#888787;
background:#000;
padding:5px;
}

#kaltura_wrapper { 
background:#f1f1f1; 
} 

.byKaltura  { 
text-align: right; 
font-size: 10px; 
padding-top: 1px; 
color: #666666; 
}

.byKaltura a { 
color: #666666; 
}

.byKaltura a:hover {
 color: #003399; 
 }
 
.mediaContent{ 
float:left;
 }
 
/* rows */	

.mediaContent .row{ 
margin:0px;
padding:5px 0; 
}

.mediaContent .row .videoBoxTitle{
 display:block; 
 height:20px; 
 color:#666; 
 font-size:1.2em; 
 font-weight:bold; 
 padding:0 20px 2px; 
 overflow:hidden; 
 }
 
/* left right arrows */	

.mediaContent .row a.prev, .mediaContent .row a.next{ 
width:36px; 
height:73px; 
-moz-border-radius:3px;  
}

.mediaContent .row a.prev{
background:url(../images/arrows.png) no-repeat 6px 24px;
}

.mediaContent .row a.next{
background:url(../images/arrows.png) no-repeat -42px 24px;
}

.mediaContent .row a.prev:hover{ 
background:url(../images/arrows.png) no-repeat 6px -46px;
}

 .mediaContent .row a.next:hover{ 
background:url(../images/arrows.png) no-repeat -42px -46px;
}

.mediaContent .row a.prev{ 
float:left; 
}

.mediaContent .row a.next{ 
float:right; 
}

/* scrollable list */
.mediaContent .row .scrollable{ 
float:left; 
width:330px;
height:90px; 
margin:0 13px; 
position:relative; 
overflow:hidden; 
}

.mediaContent .row ul{ 
position:absolute; 
width:10000em; 
}

.mediaContent .row ul li{ 
list-style:none; 
float:left; 
width:94px; 
margin-right:14px; 
color:#666; 
font-size:11px; 
line-height:1.2em;
overflow:hidden; 
}

.mediaContent .row ul li a img{
border:0px;
}

.mediaContent .row ul li.hover{ 
color:#fff;
cursor:pointer;
}	

.mediaContent .row ul li.active{
border-bottom:1px solid #fff;
color:#fff;
}

.mediaContent .row ul li div{ 
position:relative; 
width:94px; 
height:73px; 
margin-bottom:4px; 
overflow:hidden; 
background-color:#000; 
cursor:pointer; 
}

.mediaContent .row ul li div img{ 
width:94px;
}


.mediaContent .row ul li div b{ 
position:absolute; 
top:50%; 
left:50%; 
margin:-17px 0 0 -17px; 
width:34px; 
height:34px; 
background:url(../images/kaltura/play_icon.png) 0 0 no-repeat; 
}

* html .mediaContent .row ul li div b{ { 
background:none; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/kaltura/play_icon.png", crop); 
} }

.mediaContent .row ul li strong{ 
display:block; 
height:1.25em; 
overflow-x:hidden; 
overflow-y:hidden; 
width:100%; 
}

.mediaContent .row ul li span{ 
display:block; 
}
			
.mediaContent .search{ 
background:url('../images/search_bg.jpg') no-repeat top left; 
width:292px; 
height:24px; 
}

.mediaContent .search input.inputSearch{ 
display:none; 
float:left; 
width:160px; 
margin-top:2px; 
padding:3px 2px; 
border:1px solid #bbb; 
}

.mediaContent .search div.opts{ 
visibility:hidden; 
float:left; 
margin-left:5px; 
}

.mediaContent .search div.opts label{ 
visibility:hidden; 
float:left; 
clear:left; 
color:#555; 
line-height:1.2em; 
font-size:11px; 
cursor:pointer; 
}

.mediaContent .search div.opts label input{ 
visibility:hidden; 
float:left; 
margin:1px 5px 0; 
}
			
			
#kaltura_playlist_horizontal_wrap { 
width: 724px; 
margin: 40px auto; 
}

#kaltura_playlist_vertical_wrap { 
width: 400px; 
margin: 40px auto; 
}
DIV.heading P{
padding:5px;
}