#wwjr-widget {
    position: relative;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
}

#wwjr-widget a {
	outline: 0;
}

#wwjr-tabs {
	background: #fff;
	height: 28px;
	position: relative;
}
	.ww-content {
		border-bottom: 5px solid #c1d72d;
	}
	.jr-content {
		border-bottom: 5px solid #0068A6;
	}
#wwjr-tabs a {
	 background-repeat: no-repeat;
     display: block;
     height: 28px;
     text-indent: -9999px;
}
	#wwTab {
		background-image: url(images/WhatsWrong/tab_whats-wrong.png);
		position: absolute;
		width: 152px;
	}
	#jrTab {
		background-image: url(images/WhatsWrong/tab_joint-replacement.png);
		left: 140px;
		position: absolute;
		width: 184px;
	}
	#wwjr-tabs .selected {
		z-index: 1;
	}


#wwjr-content {
    display: none;
	padding: 5px 0 0;
    position: relative;
    min-height: 120px;
}
	.ww-content {
		background: #c1d72d;
	}
	.jr-content {
		background: #0068A6;
	}

#wwjr-content .intro {
    float: left;
    width: 250px;
	padding: 10px;
}
#wwjr-content .intro p {
	margin: 10px 0 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
}
#wwjr-close {
	float: right;
	margin-right: 5px;
}
#wwjr-close a {
	width: 24px;
	height: 24px;
	display: block;
	background: url(images/WhatsWrong/close.png) no-repeat;
	text-indent: -9999px;
}
.jr-content #wwjr-close a {
	background: url(images/WhatsWrong/orange-close.png) no-repeat;
}

#slider {
	width: 480px;
	overflow: hidden;
	padding-top: 20px;
	float: left;
	position: relative;
}

#slideControls {
	position: absolute;
	margin-top: -82px;
}

#slideControls div img
{
	width: 70px;
	height: 80px;
}
#slideLeft {
	position: absolute;

}

#slideRight {
	position: absolute;
	left: 410px;

}

#slides {
	width: 10000px;
	height: 82px;
}

#slides .slide {
	float: left;
}

#wwjr-widget a img {
	border: 0;
}

.slide a,
#jr-images a {
	display: block;
	padding: 3px 5px 7px;
}
.slide a {
	background: transparent url(images/WhatsWrong/bg.gif) no-repeat 0 0;
}
	.slide a:hover {
		background-position: 3px -170px;
	}
#jr-images a {
	background: transparent url(images/WhatsWrong/blue-bg.png) no-repeat 0 0;
	height: 90px;
	width: 83px;
}
	#jr-images a:hover {
		background-position: 0 -200px;
	}
	#jr-images .currentSlide a {
		background-position: 0 -100px;
	}

.currentSlide a{
	background-position: 3px -82px;
}

.slide a img {
	width: 60px;
	height: 75px;
}

.whatsWrongButtons {
	float: right;
	text-align: center;
	margin: 10px 10px 0 0;
}
.whatsWrongButtons a {
	width: 140px;
	height: 20px;
	display: block;
	background: transparent url(images/WhatsWrong/button-sprite.png) no-repeat scroll 0 0;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding: 3px 0 0;
}
.whatsWrongButtons a:hover {
	background-position: 0 -30px;
}
	#jr-content .whatsWrongButtons a {
		background: transparent url(images/WhatsWrong/orange-button-background.png) no-repeat scroll 0 0;
	}

.wwjr-clear {
    clear: both;
}

#ww-content,
#jr-content {
	display: none;
}

#jr-content {
	margin: 0 0 0 156px;
	color: #fff;
}
#jr-images {
	float: left;
	padding: 15px 0 0 30px;
}
#jr-images div {
	float: left;
}

