.webcasts_directory {
	clear: both;
	width: 100%;
	float: left;
	margin-top: 30px;
	}
	
.webcasts h2 {
	float: none;
	}
	

	
.webTitle {
	margin-top: 50px;
	}
	
.webcastList {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	}
	
#body .webcastList li {
	list-style-type: none;
	}
	

	
	#body .webcastList li h3 {
		margin: 0;
		background: url(/images/ico_checkmark.png) top left no-repeat;
		padding: 0px 0 30px 55px;
		}
		

		
#videoSS {
	float: left;
	}
	
.webcastsNav {
	margin-top: 5px;}
	
#body .webcastsNav li {
	list-style-type: none;
	}

	#body .webcastsNav li.notLink {
		background-color: #111111;
		}
	
	#body .webcastsNav li .subHead {
		padding: 8px 2px 8px 13px;
		float: left;
		}
	
/*.webcast_list {
	display: block;
	height: 250px;
	overflow-x: hidden;
	}
	
	.webcast_list thead,
	.webcast_list tr {
		width: 100%;
		display: block;
		}*/
		
		
/* stuff i did */
.scrollTableContainer {
	float: left;
	width: 100%;
	}
		
.webcast_list {
	position: relative;
	top: -1px;
	display: block;
	}
		
.webcast_list thead {
	display: block;
	width: 520px;
	float: left;
	}

.webcast_list tbody {
	display: block;
	width: 520px;
	overflow-x: hidden;
	height: 250px;
	float: left;
	overflow-y: scroll;
	max-height: 250px;
	}
	
.webcast_list tbody tr {
	display: block;
	height: auto;
	}
	
.webcast_list th,
.webcast_list td {
	width: 167px;
	}
	
	.webcast_list tr.null {
		width: 100%;
		padding: 0;
		}
		
		.webcast_list tr.null td {
			width: 520px;
			border: none;
			}
			
/*end stuff i did */

/* stuff i found that is supposed to be xb */
/* CSS Document */

/* This makes the scrolling table work 

div.scrollTableContainer {
	height: 285px;
	overflow-x: hidden;
	overflow-y: auto;
    *overflow: auto;
	width: 520px;
	margin: 0;
	position: relative;
	top:-1px;
	
}

/* The different widths below are due to the way the scroll bar is implemented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule 
div.scrollTableContainer table {
	width: 502px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox 
html>/*body div.scrollTableContainer table {
    width: 520px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox 
html>/*body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    height: 250px;
    overflow-x: hidden;
}


div.scrollTableContainer thead tr {
	position:relative;
	z-index: 3;
}

/*prevent Mozilla/ie8 scrollbar from hiding cell content
div.scrollTableContainer td.list_webcast {padding-right: 20px;}


/*end stuff i found */
	
/*genral info page */
.webcastsIcon {
	clear: both;
	float: left;
	margin-left: 25px;
	}
	
.webcastsPoint {
	margin-left: 120px;
	padding-bottom: 1.2em;
	border-bottom: 1px dashed #cccccc;
	}
	
	.lastPoint {
		border-bottom: none;
		}
		
		
.webcasts blockquote {
	float: left;
	clear: both;
	width: 100%;
	}
	
.webcasts .genericRed {	
	margin-left: 120px;
	}
	.webcasts .genericRed span {
		padding-top: 8px;
		}
		
.seeQuotes {
	padding: 12px 40px 0 20px;
	float: left;
	background: url(/images/icons/ico_others.png) top right no-repeat;
	}
	
.teamUp {
	background: #f2f2f2 url(/images/bg_webcastInfo.jpg) top left no-repeat;
	width: 100%;
	height: 140px;
	}
	
	.teamUp .boxIcon	{
		margin-left:200px;
		}