/* this file supports the slideshow_module.js file */



/* FEATURED SLIDESHOW */



#panelTitles li{display:none !important}
#panelTitles li.active{display:block !important;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#feature .jcarousel-container {
    position: relative;
}

#feature .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#feature .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#feature .jcarousel-list li,
#feature .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 700px;
    height: 175px;
}
#home #feature .jcarousel-list li,
#home #feature .jcarousel-item {
	height: 195px;
}

#feature .jcarousel-clip-horizontal {
width: 100%;
}

#feature .jcarousel-item {
height: 100%;
}




/* LEADERSHIP SLIDESHOW */

#leadership .jcarousel-container {
    position: relative;
}

#leadership .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#leadership .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#leadership .jcarousel-list li,
#leadership .jcarousel-item {
	float:				left;
	list-style:			none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
	width:				320px;
/*  height: 			316px;*/
	min-height:			30.3em;
}
* html #leadership .jcarousel-list li,
* html #leadership .jcarousel-item {
	height:				316px;
}
#leadership.short .jcarousel-list li,
#leadership.short .jcarousel-item {
	width:				310px;
}

#leadership .jcarousel-clip-horizontal {
	width:				660px;
}
#leadership.short .jcarousel-clip-horizontal {
	width:				640px;
}

#leadership .jcarousel-item {
	height:				100%;
}

ul#leadership_slideshow li {
	margin-right:		16px;
	background-image:	url('/img/expert_background.png');
	background-repeat:	no-repeat;
}
ul#leadership_slideshow li h4 {
	clear:				both;
	margin-top:			0;
}
ul#leadership_slideshow li div.inner {
	padding:			20px 20px 23px 20px;
	background:			transparent url("/img/expert_background_inner.png") no-repeat left bottom;
}
ul#leadership_slideshow li div.inner {
	padding-bottom:		43px;
}
* html ul#leadership_slideshow li div.inner {
	padding-bottom:		43px;
}
ul#leadership_slideshow li dl {
	padding-top:		7px !important;
	padding-bottom:		5px !important;
}
ul#leadership_slideshow img {
	margin:				0 !important;
}
#leadership.short ul#leadership_slideshow li { 
	background-image: 	url("/img/expert_background_short.png");
}
#leadership.short ul#leadership_slideshow li div.inner {
	padding-bottom:		20px;
	background:			transparent url("/img/expert_background_short_inner.png") no-repeat left bottom;
}

/* EXPERTS SLIDESHOW */

#experts .jcarousel-container {
    position: relative;
}

#experts .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#experts .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#experts .jcarousel-list li,
#experts .jcarousel-item {
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 214px;
/*  height: 307px;*/
	height: 30.7em;
}

#experts .jcarousel-clip-horizontal {
width: 660px;
}

#experts .jcarousel-item {
height: 100%;
}

ul#experts_slideshow{}
ul#experts_slideshow li{ margin-right:9px; background-image:url('/img/formedia_experts_bg.png'); background-repeat:no-repeat;}
ul#experts_slideshow li h4{clear:both; padding-top:0 !important; margin-top:0;}
ul#experts_slideshow li div.inner{padding:20px;}
ul#experts_slideshow li dl{padding-top:7px !important; padding-bottom:5px !important;}
ul#experts_slideshow img{margin:0 !important;}