html, body{ 
height: 100%; 
overflow: hidden; 
}

body{
color: #333;
font-family: Arial, sans-serif;
font-size: 12px;
}

body.wrapperbody { 
background:url('../images/wrapper_bg.jpg') no-repeat top left; 
height:1310px; 
}

body.wrapperbody iframe#kaltura_featured_videos_box { 
margin-top:573px; 
margin-left:238px; 
}

/*--------------------------------
	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:#dcd9d9; 
}

.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
---------------------------------*/

#kaltura{ 
width:226px; 
margin:0 auto;  
margin-top:2px; 
background:#000;
}

/* videoboxContent */

#videoboxContent{
width:226px; 
}

.mediaContent{ 
float:left; 
width:226px;
}

/* rows */
	
.mediaContent .row{ 
padding:5px; 
}

/* left right arrows */	

.mediaContent .row a.prev, .mediaContent .row a.next{ 
width:16px; 
height:190px;  
background:#000 url(../images/kaltura/arrows.gif) -3px center no-repeat; 
}

.mediaContent .row a.prev:hover, .mediaContent .row a.next:hover{ 
background-color:#616060; 
}

.mediaContent .row a.prev:active, .mediaContent .row a.next:active{ 
background-color:#616060; 
}

.mediaContent .row a.disabled, .mediaContent .row a.disabled:hover { 
background:none; 
}

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

.mediaContent .row a.next{ 
float:right; 
background-position:-25px; 
}
/* scrollable list */

.mediaContent .row .scrollable{ 
float:left; 
width:174px; 
height:190px; 
margin:0 5px; 
position:relative; 
overflow:hidden;
}

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

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

.mediaContent .row ul li.hover{ 
color:#003399; 
}

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

.mediaContent .row ul li div img{
width:174px;
border:0px;
}

.mediaContent .row ul li p{
background:#000 url(../images/glossy-blackbox.jpg) no-repeat; 
width:174px;
height:34px;
line-height:31px;
text-indent:10px;
overflow:hidden;
}

.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; 
}