html, body{ height: 100%; }

body{
	color: #ffffff;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.3;
	/* background: #CF3232 url('../images/bg.png') no-repeat top left; */
}

body.wrapperbody {  }
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:#003399; text-decoration:none; cursor:pointer; }
a:hover{ color:#57a125; }

	.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'); }
 */

#modalbox{ position: fixed; left: 50%; top:50%; margin:-180px 0 0 -340px; background:#262626; border:3px solid #666; width: 680px; z-index: 100; }
#overlay{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color:transparent; cursor: wait; }
#modalbox.white_bg { background:#ffffff; }
/* Fixed posistioning emulation for IE6, currently no need because its being set via the JQM js to offset the wizard in the middle */
* html #overlay{ position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
* html #modalbox{ position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round((document.documentElement.offsetHeight || document.body.clientHeight) / 2) + 'px'); }

#modalbox iframe{ overflow:hidden; }
#modalbox iframe.remove_overflow { overflow:auto; }

.hidden { /* display:none; */ }
.mediaContent .row ul li div.nobg { background-color:transparent; }

#head h1 a { height:211px; color:#F8FCC1; display:block; font-size:56px; font-weight:normal; height:0; margin:0 0 30px; overflow:hidden; padding-top:140px; width:100%;}
/* a.ova { background:transparent url(../images/ova_button.png) no-repeat scroll 20px -40px; display:block; float:right; height:0; overflow:hidden; padding-top:53px; width:180px; }*/
#nav { background:transparent url(../images/nav_bg.png) no-repeat scroll 0 0; height:31px; margin:40px 0 35px; padding:0; }
#nav li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-right:35px; }
#nav a { color:#F8FCC1; display:block; font-size:13px; padding:6px 1px 7px; text-decoration:none; font-family: "Century Gothic",Arial,Helvetica,sans-serif}
#wrapper { /* margin:0 auto; padding:0 30px; width:940px;*/ }
#wrapper #header { /* height:150px; */ }
/*--------------------------------
	Content
---------------------------------*/
#kaltura{ width:700px; /* margin:0 auto;  margin-top:10px;*/ margin:0px;  }
#kaltura h1 { margin-bottom:10px; }
/* main menu */
	#videoBoxMenu{ padding-left:1px; list-style:none; border-bottom:0px solid #e5b285;}
		#videoBoxMenu li{ border-bottom:1px solid #f8fcc1; padding-bottom:2px; margin-right:7px; float:left; width:150px; line-height:2.2em; text-align:center; background:#9b9b9b; }
		#videoBoxMenu li.last{ margin-right:0px; }
		#videoBoxMenu li.first.active{ border-left:none; }
		#videoBoxMenu li.active{ border:1px solid #f8fcc1;  background:#f8fcc1; border-bottom:none; }
			#videoBoxMenu li a{ display:block; font-weight:bold; text-transform:uppercase; color:#fff; }
			#videoBoxMenu li.active a{ color:#ff6600; }
   a#sessionhighlights { color:#a60000; }
   a#sessionremix { color:#a60000; }
   a#discussion { color:#a60000; height:26px; }
   #videoBoxMenu li.active a#discussion { color:#ff6600;   }
   a#fullsessions { color:#a60000; }
   a#workshops { color:#a60000; }

/* videoboxContent */
	#videoboxContent{ background:#393834; padding:10px 5px 10px 5px; border:1px solid #f5f1b8; border-top:none; border-bottom:none;}
		#kplayer{ float:right; margin-left:5px; width:332px; height:286px; }
		#kaltura_wrapper { background:#f1f1f1; } 
		.byKaltura  { text-align: right; margin:0 auto;  margin-top:3px; font-size: 10px; padding-top: 1px; color: #9b9b9b; }
		.byKaltura a { color: #9b9b9b; }
		.byKaltura a:hover { color: #9b9b9b; }
		.mediaContent{ float:left; width:334px; padding-top:9px;}
			/* rows */	
			.mediaContent .row{  /* margin-bottom:5px; padding:5px;background-color:#f1f1f1; */ }
			#discussion_featured { width:335px; }
				.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{ width:20px; height:83px; -moz-border-radius:3px; background:transparent url(../images/back_small.gif) 0px center no-repeat; }
				.mediaContent .row a.prev.disabled{ width:20px; height:83px; -moz-border-radius:3px; background:transparent url(../images/back_small_disabled.gif) 0px center no-repeat; }
				.mediaContent .row a.next{ width:20px; height:83px; -moz-border-radius:3px; background:transparent url(../images/forward_small.gif) 0px center no-repeat; }
				.mediaContent .row a.next.disabled{ width:20px; height:83px; -moz-border-radius:3px; background:transparent url(../images/forward_small_disabled.gif) 0px center no-repeat; }
				.mediaContent .row a.prev:hover, .mediaContent .row a.next:hover{   /* background-color:#b8b8b8; */}
				.mediaContent .row a.prev:active, .mediaContent .row a.next:active{ /* background-color:#a8a8a8; */}
				.mediaContent .row a.prev{ float:left; }
				.mediaContent .row a.prev1{ float:right;  width:20px; margin-right:4px; height:26px; background:url('../images/back_small.gif') no-repeat top left; }
				.mediaContent .row a.prev1.disabled{ background:url('../images/back_small_disabled.gif') no-repeat top left; cursor:default;}
				.mediaContent .row a.next2{ float:right;  width:26px; height:26px; background:url('../images/forward_small.gif') no-repeat top left; }
				.mediaContent .row a.next2.disabled{ background:url('../images/forward_small_disabled.gif') no-repeat top left; cursor:default; }
				.mediaContent .row a.next{ float:right; /* background-position:-25px; */}
				span.list_count { color:#9b9b9b; float:right; padding-right:20px; font-size:10px; }
				/* scrollable list */
				.mediaContent .row .scrollable{ float:left; width:330px; height:129px; margin:0px 0px 0px 2px; position:relative; overflow:hidden; }
					.mediaContent .row ul{ position:absolute; width:10000em; }
					.mediaContent .row.loading_data {background:url('../images/ajax-loader3.gif') no-repeat 50% 40px;}
					.mediaContent .row ul.other{ position:relative; width:334px; height:258px; padding-left:2px; }
					.mediaContent .row ul.other.loading_data { background:url('../images/ajax-loader3.gif') no-repeat 50% 50%; }
						.mediaContent .row ul li{ padding:5px 3px; list-style:none; float:left; width:104px; margin-right:0px; color:#ffffff; font-size:11px; line-height:1.2em; }
						.mediaContent .row ul.other li { /* padding:5px 6px; */ margin-bottom:5px; /*padding-left:6px; padding-right:6px;*/  color:#ffffff; }
						.mediaContent .row ul li.active { background:#ededed; color:#9b9b9b; /*border:2px solid #F8FCC1; padding-left:4px; padding-right:4px; margin-bottom:21px; padding-top:0px; */} 
						.mediaContent .row ul.other li.active { background:#ededed; color:#9b9b9b; /*border:2px solid #F8FCC1; padding-left:4px; padding-right:4px; margin-bottom:21px; padding-top:0px; */} 
						.mediaContent .row ul li.hover{ color:#003399; }	
							.mediaContent .row ul li div{ position:relative; width:104px; height:83px; margin-bottom:4px; overflow:hidden; background-color:##393834; cursor:pointer; }
								.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; }
			
			
/* OVC additions */
span.callforremix { padding-left:130px; display:block;
padding-top:expression('10px'); background:#393834 none repeat scroll 0 0;
display:block; float:left; margin-left:1px; padding-bottom:10px; padding-left:130px;
padding-top:15px; width:568px; }
a.callforaction { text-transform:uppercase; margin-left:40px; color:#f25e05;
		font-weight:bold; text-decoration:underline; margin-right:10px;
		background:url('../images/btn_embed.gif') no-repeat top left;
		float:left; display:block; width:178px; height:26px; }
a.justdiscuss {background:url('../images/btn_discuss.png') no-repeat top left; }
a.nobg { background-image:none; display:inline; margin-left:0px; }
div.callfordiscussion a.callforaction { display:block; clear:both; width:274px; }
#discussion_callfor{ text-align:left; /*padding-top:120px; padding-bottom:7px;*/}
#discussion_featured { padding-top:20px; padding-bottom:20px;}

#sessionremix_callfor{ text-align:left; /*padding-top:120px; padding-bottom:7px;*/}
#sessionremix_featured { padding-top:20px; padding-bottom:20px;}
div.navigation_buttons { height:26px; }
#img_loader { background:url('../images/back_small_disabled.png') no-repeat top left; }
#img_loader2 { background:url('../images/forward_small_disabled.png') no-repeat top left; }

div.rss_link { float:left;  margin:0 auto;}
div.rss_link a { display:block; height:27px; width:156px; margin-right:60px; color:#F8FCC1; font-size:14px; font-weight:bold; padding-top:5px; 
		background-image:url('../images/feedIcon.gif'); background-repeat:no-repeat;}
#translator { width:100%; text-align:center; padding-top:4px; color:#F8FCC1; }
#translator input { background-color:#F8FCC1; width:31px; margin-left:4px; vertical-align:bottom; height:18px; border:none; color:#CC3A32; font-weight:bold; font-size:11px; font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
#translator select { width:90px; height:18px; background-color:#CC3A32; border:none; color:#F8FCC1; font-weight:bold; font-size:11px; font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}

button.closeit { border:none; background:#F8FCC1; color:#CC3A32; font: bold 12px Arial; padding:5px; margin-top:10px; }
div.thankyoupage {text-align:center;color:#F8FCC1;}
div.thankyoupage h2 { font-size:24px; padding:10px; }

span.remix_here a.callforremix { color:#f25e05; text-transform:uppercase; text-decoration:underline; font-size:12px; font-weight:bold; }
#thumbs_onme_f { height:145px; height:expression('144px'); }
#thumbs_onho_f { height:186px; }

