.slider-left {
	display:block;
	
	position:fixed;
	overflow-y:auto;
	left:-370px;
	top:0px;
	bottom:0px;
	z-index:999901;
	padding:20px;
	
	background: #f6f8f9;
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
		
	box-shadow:3px 0px 8px 1px rgba(0, 0, 0, 0.4);
	border:1px solid #3399BB;
	
	opacity:0;
	
	-webkit-transition: left 0.6s, opacity 0.6s;
	-moz-transition: 	left 0.6s, opacity 0.6s;
	-ms-transition: 	left 0.6s, opacity 0.6s;
	-o-transition: 		left 0.6s, opacity 0.6s;
	transition: 		left 0.6s, opacity 0.6s;
}

.slider-left-slided {
	position:fixed;
	overflow-y:auto;
	left:0px;
	top:0px;
	bottom:0px;
	z-index:999995;
	padding:20px;
	
	background: #f6f8f9;
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
	
	box-shadow:3px 1px 1px 1px #999999;
	border:1px solid #3399BB;
}

.slider {
	
}

.slider.slided {
	left:0px;
	opacity:1;
}

.slider-close-container {
	position:absolute;
	top:5px;
	right:5px;
	width:16px;
	height:16px;
	
	cursor:pointer;
}

.slider-settings-container {
	position:absolute;
	top:6px;
	right:30px;
	width:16px;
	height:16px;
	
	cursor:pointer;
}

.slider-toggler {
	left:10px;
	margin-left:10px;
}

.fav-button-wrapper {
	position:relative;
	left:10px;
	top:10px;
	z-index:20;
}

.slider-element {
	position:relative;
	left:-380px;
	
}

.slider-element-shown {
	position:relative;
	left:0px;
}

.slider-left h1, .slider-left-slided h1 {
    color: rgb(63, 82, 95);
    font-size: 1.5em;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
    margin-bottom: 1em;
}