/*----------------------------------------------------------------------------- 

	-	Before-After -

Screen Stylesheet 

version:   	1.0 
date:      	07/27/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/


/*-----------------------------------------
	-	Shadow Effects for the Banner -
-------------------------------------------*/
.shadow1 {	
	-webkit-box-shadow: 0px 40px 55px -40px #000;
	-moz-box-shadow: 0px 40px 55px -40px #000;
	box-shadow: 0px 40px 55px -40px #000;
}

.shadow2 {
	-webkit-box-shadow: inset 0px 0px 6px 2px #7e7f7f;  
	-moz-box-shadow: inset 0px 0px 6px 2px #7e7f7f;  
	box-shadow: inset 0px 0px 6px 2px #7e7f7f; 
}

.shadow3 {
	-webkit-box-shadow: 30px 10px 60px -20px #000;
	-moz-box-shadow: 30px 10px 60px -20px #000;
	box-shadow: 30px 10px 60px -20px #000;	
}



/*#####################
	- VERSION I.
  #####################*/

/*---------------------------------------
	- CLEARING THE DEFAULT SETTINGS - 
-----------------------------------------*/
.beforeafter_slider  ul, li { 
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/*-------------------------------------------------
	- Centered Banner, with 10px White Border - 
	- Standard Font for Each Slide - 
		 - Rounded Border -
---------------------------------------------------*/
.beforeafter_slider {		
	margin-left:auto;
	margin-right:auto;			
	display:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'Oswald', sans-serif;
	color: #000;
	background-color:#fff;	
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*------------------------------
	- Rounded Mask on Images -
--------------------------------*/




/*--------------------------------------------------------
	- The Loader Size, Source and position on the Banner
----------------------------------------------------------*/



/*--------------------------------------------
	-	The Logo in the right top Corner -
----------------------------------------------*/
.beforeafter_slider #bannerlogo {
	position:absolute;
	left:248px;
	top:150px;
	z-index:1500;
	cursor:point;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}




/*----------------------------------------------------------------
	-	Image Thumbnails, borders, Marings, rounded corners - 
------------------------------------------------------------------*/
.beforeafter_slider #image_thumbnail{
	width:146px;
	height:50px;
	position:absolute;	
	background-color:#fff;	
	margin-left:-60px;
	margin-top:-51px;	
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px 0px  #1f2120;
	-moz-box-shadow:  0px 0px 4px 0px  #1f2120;
	box-shadow: 0px 0px 4px 0px  #1f2120;	
	cursor:pointer;
}