/***************************************

	All required CSS styles are located 
	in jquery.beforeafter.js

****************************************/

.beforeAfter {
	width:370px;
	height:390px;
	overflow: hidden ;
	position: relative ;
	padding:0;
	background:url(../images/before-after/ajax-loader.gif) center center no-repeat;
	}
.beforeAfter div { float:left; }
.beforeAfter .beforeContainer {
	overflow: hidden;
	z-index: 20;
}
.beforeAfter .drag { 
	width:2px;
	background:#fff;
}
.beforeAfter .dragwrapper { background:url(../images/trans.png); cursor:pointer; display:block; z-index:200; }
.beforeAfter .handle { cursor: pointer; }

.balinks { display:block; position:relative; height:28px; width:100%; }
.balinks a { cursor:pointer; }

.beforeAfter .zoom {
	background-image: url( "./white_fade.png" ) ; /* required for IE */
	cursor: url("../images/before-after/magnifying-glass.png"), pointer;
	display: block;
	position: absolute ;
	z-index: 100 ;
}