/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url('images/magplus.cur'), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url('images/magminus.cur'), pointer;
}
.PopBoxImageShrink
{
	cursor: url('images/magminus.cur'), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}


#midMain {
	background-color: #F8F8F8;
	padding: 10px;
}

.outerBox {
	width: 612px;
	margin: auto;
	text-align: center;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

.stepcarousel{
	
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 562px;
	height: 105px;
	border: 20px solid #FFFFFF;
	background-color: #FFFFFF;
}

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

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