/*===========================

	slider_control CSS 
	
   sliding panels used by
  projects and people pages
============================*/

div.sliderControl
{
    position:relative;
    overflow:hidden;
    /*border:solid 1px #ff0000;*/
}

/*div.sliderControl a.active
{
    border:none;
}*/

div.sliderControl .imgPanel
{
    position:relative;
    height:300px;
    width:125px;
    overflow:hidden;
    float:left;
}
div.sliderControl .hideInitially{
    visibility: hidden;
}
div.sliderControl .tabPanel
{
    background-color: #86885C;
    width:0px;
    height:300px;
    float:left;
    color: White;
}
div.sliderControl .contentDiv
{
    padding: 5px 10px 5px 10px;
    height: 300px;
    width:380px;
    overflow:auto;
    font-size: 9px;
    color: #ffffff;
}
#peoplePage > .sliderControl > #spWindow > .SlidingPanelsContentGroup > .SlidingPanelsContent > .tabPanel > .contentDiv
{
    width: 390px;
}
div.sliderControl .contentDiv h2 {
	margin-bottom: 10px;
}
div.sliderControl .contentDiv h3 {
	margin-bottom: 10px;
}
div.sliderControl .contentDiv p
{
    padding: 0px 10px 0px 0px;
    font-size: 9px;
    color: #ffffff;
    text-justify: justify;
}
div#featuredPage div.sliderControl .contentDiv
{
    width: 240px;
}
div.sliderControl .animationContainer
{
    width:100px;
    float:left;
    overflow:hidden;
    margin-right:10px;
}
div.sliderControl .spacer
{
    width:10px;
    height:300px;
    float:left;
}
div.sliderControl .imagePanelInitialState
{
    position:relative;
    top:0px;
    height:300px;
    left:-120px;
}


div.sliderControl #spWindow.SlidingPanels {
    float: left;
    width: 995px;
    overflow:hidden;
}
div.sliderControl #spWindow .SlidingPanelsContentGroup {
    float: left;
    width: 10000px;
}

div.sliderControl .centered
{
    text-align:center;
}