/* 
 *  horizon.css
 */

/* ---------------------------- */

TABLE.layoutTable {
	border-width		: 0;
	border-spacing		: 0;
	border-collapse		: collapse;
}

TABLE.speakerBox {
	width				: 100%;
}

/* ---------------------------- */


/*
 * The container provides liquid spacing and a relative positioning palette.
 */

DIV.speakerBoxContainer {
	position			: relative;
	margin-left			: 0px;
	margin-right		: 0px;
	margin-top			: 0px;
}

DIV.speakerBoxContainer .imgContainerTR {
	position			: absolute;
	top					: 0;
	right				: 0;
}

DIV.speakerBoxContainer .imgContainerBR {
	position			: absolute;
	bottom				: 0;
	right				: 0;
}


/*
 * The layout table has elements for the photo and bio.  The bio will be
 * vertically centered (but it cannot be taller than the photo!)
 */

TABLE.speakerBox TD {
	padding				: 0;
	background-color	: #DFDFDF;
}

TABLE.speakerBox TD.speakerPhoto .corneredPhoto {
	position			: relative;
}

TABLE.speakerBox TD.speakerPhoto .corneredPhoto IMG {
	display				: block;
}

TABLE.speakerBox TD.speakerBio {
	padding-left		: 40px;
	padding-right		: 40px;
	height				: 100%;
}


/*
 * These are the absolutely-positioned corners.  PNGs for civilized browsers,
 * and GIF overrides for THTIIE6.  You will need browserselect.js in the
 * header to tag the document with its browser ID.
 */

TABLE.speakerBox TD.speakerPhoto .imgTL {
	width				: 14px;
	height				: 14px;
	background-image	: url('../../../assets/images/borderedbox/tl_xp_FFFFFF.png');
	position			: absolute;
	top					: 0;
	left				: 0;
}

TABLE.speakerBox TD.speakerPhoto .imgTR {
	width				: 14px;
	height				: 14px;
	background-image	: url('../../../assets/images/borderedbox/tr_xp_DFDFDF.png');
	position			: absolute;
	top					: 0;
	right				: 0;
}

TABLE.speakerBox TD.speakerPhoto .imgBL {
	width				: 14px;
	height				: 14px;
	background-image	: url('../../../assets/images/borderedbox/bl_xp_FFFFFF.png');
	position			: absolute;
	bottom				: 0;
	left				: 0;
}

TABLE.speakerBox TD.speakerPhoto .imgBR {
	width				: 14px;
	height				: 14px;
	background-image	: url('../../../assets/images/borderedbox/br_xp_DFDFDF.png');
	position			: absolute;
	bottom				: 0;
	right				: 0;
}


.ie6 TABLE.speakerBox TD.speakerPhoto .imgTL {
	background-image	: url('../../../assets/images/borderedbox/tl_xp_FFFFFF.gif');
}

.ie6 TABLE.speakerBox TD.speakerPhoto .imgTR {
	background-image	: url('../../../assets/images/borderedbox/tr_xp_DFDFDF.gif');
}

.ie6 TABLE.speakerBox TD.speakerPhoto .imgBL {
	background-image	: url('../../../assets/images/borderedbox/bl_xp_FFFFFF.gif');
}

.ie6 TABLE.speakerBox TD.speakerPhoto .imgBR {
	background-image	: url('../../../assets/images/borderedbox/br_xp_DFDFDF.gif');
}