/* Tab Styling for Case Study */

.tabs { position: relative; padding:0px; zoom: 1; margin:0px; } 
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs ul {
		width:480px;
		height:19px;
		margin:0px;
		padding:0px;
		background-color:white;
		border-bottom:1px solid #666666;
		
		}

.ui-tabs .ui-tabs-nav { 
		margin:0px; 
		padding:0px;  }

.ui-tabs .ui-tabs-nav li { 
		list-style: none; 
		height:19px;
		line-height:20px;
		background-color:white; 
		float: left; 
		position: relative; 
		top: 0px; 
		margin: 0px; 
		border-bottom: 0 !important; 
		padding: 0px 0px 0px 0px; 
		white-space: nowrap;
		}
		
.ui-tabs .ui-tabs-nav li:hover {
		background-color:#999999;
		border:none;
		}
		
.ui-tabs .ui-tabs-nav li a:hover { 
		color:white;
		}

.ui-tabs .ui-tabs-nav li a { float: left; padding:0px 10px 0px 10px; line-height:18px; text-decoration: none; font-size:12px; font-weight:bold; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0px; background-color:white; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { background-color:#666666; color:#FFFFFF; cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color:#999999; padding-bottom:1px; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { display: block; border: 0; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;  }

.ui-tabs .ui-tabs-hide { display: none !important; }



/* Slider Styling for Case Study */

#slider{
	position:relative;
	overflow:hidden;
	}

.js{
	overflow:hidden;
	}

.carousel .carousel-wrap{ 
	position:relative;
	}

.js .carousel-wrap{ 
	display:inline-block;
	width:800px; 
	background-color:white;
	}

.IE .js .carousel-wrap {
	display:inline;
	}

.js ul li{ 
	overflow:hidden; 
	display:inline; 
	float:left; 
	width:480px; 
	height:440px; 
	text-align:left;
	}

.carousel .carousel-control{
	overflow:hidden; 
	display:inline-block; 
	width:10px; 
	height:20px; 
	cursor:pointer;
	line-height:999px;
	}

.carousel .carousel-next{ 
	position:absolute; 
	z-index:10; 
	top:420px; 
	right:10px; 
	background-image:url(../layout-images/slider-nav-arrows.png); 
	background-position:-10px 0px;
	}

.carousel .carousel-previous{ 
	position:absolute; 
	z-index:10; 
	top:420px; 
	right:30px; 
	background-image:url(../layout-images/slider-nav-arrows.png); 
	background-position:0px 0px;
	}

/*                  Hover effect 
.carousel .carousel-control:hover{
	-moz-opacity:.2;opacity:0.20;filter:alpha(opacity=20);
	}
               end of reel nutton disabled state 
.carousel .disabled,#container .carousel .disabled:hover{
	-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;
	}
	
	*/

.carousel ul li{
	position:relative;
	width:800px;
	margin:0; 
	z-index:5;}

.carousel ul li cite{
	position:absolute;
	background-image:url(../layout-images/transparency-80.png); background-repeat:repeat;
	bottom:0px;
	left:0px;
	line-height:20px;
	height:19px;
	width:790px;
	z-index:20;
	color:white;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 1px 10px;
	}

.carousel ul li cite a img{
	vertical-align:middle;
	}

.carousel ul li cite a{
	color:#fff;
	text-decoration:none;
	}
	
.c-move{ position:absolute;
		top:-450px;
		left:0px;
}