@charset "UTF-8";
/* CSS Document */

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 310px;
	height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 75px;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
	width: 320px;
	text-align: center;
}

p.samplebuttons a{
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
}

#currentStep p{
	display:inline;
}

#prevStep{
	float:left;
	width:107px;
	height:24px;
	background-image:url(/app/ImageRepository/4/pop_prev_btn.jpg);
	background-repeat:no-repeat;
}

#prevStep:hover{
	background-image:url(/app/ImageRepository/4/pop_prev_btn_over.jpg);
}

#nextStep{
	float:right;
	width:107px;
	height:25px;
	background-image:url(/app/ImageRepository/4/pop_next_btn.jpg);
	background-repeat:no-repeat;
}

#nextStep:hover{
	background-image:url(/app/ImageRepository/4/pop_next_btn_over.jpg);
}

#relatedcontent{
	font-weight:bold;
	border-bottom:1px solid #ccc;
}