.mf{color:#555; border:none; font-size:14px}
.mf * {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	-moz-user-select: none;
	border:none;
	padding:0;
	margin:0
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:1em auto;
	top:45%;
	width:100%;
	background:#fff url(../images/MooFlow/spinner.gif) no-repeat 50% 0;
	padding:30px 0
}
canvas {
    height:20%;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.mfNav{
	position:relative;
    left:0;
	z-index:10001;
	margin:0 auto;
	text-align:center;
	width:100%;
	top:385px;

}
.mf div.autoPlayCon{
	position: absolute;
	left: 0;
	bottom: 0;
	width:1px;
	padding-left:3%;
	height:1px;
}
.mf a.play, .mf a.stop{
	width:34px;
	height:32px;
	float:left;
	cursor:pointer;
}
.mf a.play{
        display:none;
	background:url(../images/MooFlow/play.gif) no-repeat;
}
.mf a.stop{
        display:none;
	background:url(../images/MooFlow/stop.gif) no-repeat;
}
.mf div.sliderCon{
        background:url(../images/MooFlow/slider_bg2.gif) no-repeat center;
        position:relative;
        top:17px;
        padding:0 0px;
		background-size: 100% 100%;
		width: 100%;
        text-align:center;
}
.mf a.sliderNext{
        display:block;
        position:absolute;
        top:0;
        left:0;
    
}
.mf a.sliderPrev{
        display:block;
	position:absolute;
        top:0;
        right:0;
}
.mf a.sliderNext, .mf a.sliderPrev{
	text-decoration:none;
	width:20px;
	height:18px;
	cursor:pointer;
}
.mf div.resizeCon{
	float:right;
	width:18px;
	padding-right:3%;
	height:18px;
}
.mf a.resize{
	width:0px;
	height:0px;
	float:right;
	cursor:pointer;
	background:url(../images/MooFlow/resize.gif) no-repeat;
}
.mf div.slider{
	
	height:18px;
	position:relative;
        top:0px;
	text-align:center;
	margin:0 auto;
        width:337px;
}
.mf div.knob{
	position:relative;
        top:-2px;
	margin:0px 15px 15px 0;
	height:22px;
        width:50px;
	background:url(../images/MooFlow/slider_knob.gif) no-repeat center;
}
.mf div.knobleft{
        display:none;
	background:url(../images/MooFlow/left-slider.gif) left;
	width:0px;
	height:0px;
}