/* 
	Speakers list 
	
	Cross-platform grid layout thanks to:
	http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php
*/

ul.speakerList
{
	width:100%;
	padding:12px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	text-align:left;
	font-size:0;/*eliminate the extra white-space between .item-list*/
	line-height: 10pt;
}

ul.speakerList li
{	
	width:175px;
	margin:0 0 12px 0;
	text-align:center;
	vertical-align:text-bottom;
	font-size:medium;

	display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/

    display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/

    _overflow:hidden;/*fix IE6 to expanded content*/
	zoom:1;/*trigger hasLayout*/
	*display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
}

ul.speakerList li div.speakerThumb
{
	font-size:75%;
	position:relative;/*firefox need this unless contents within are not clickable or selectable*/
	margin:2px 6px 1px 6px;
	padding:12px;
	
	zoom:1;/*Ie need this to get the border renderred*/
	z-index:0;

}

/* Admin */
ul.speakerList li div.speakerThumb span a {
	background-color: #ffff00;
	color: #000;
	font-size:137%;
}