.magazine_navigation {
	color: white;
	margin-top: 10px;
	text-align: center;
}

.magazine_navigation a {
	color: white;
	text-decoration: none;
	margin-right: 10px;
}

.magazine_navigation .nav_item {
	font-size: 14px;
}

.nav_center {
	margin-right: 10px;
}

.magazine {
	overflow: visible !important;
}

.magazine .page-wrapper {
	cursor: zoom-in;
}

.magazine.zoom-in .page-wrapper {
	cursor: zoom-out;	
}

.magazine .even .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: linear-gradient(left, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
}

.magazine .odd .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: -moz-linear-gradient(right, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: -ms-linear-gradient(right, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: -o-linear-gradient(right, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    background-image: linear-gradient(right, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
}

.magazine .nav-button {
    position: absolute;
    top: 0;
    background: transparent;
    width: 25px;
    cursor: pointer;
}
.magazine .nav-button:hover,
.magazine .nav-button:active { opacity: .7; }

.magazine .nav-button:before,
.magazine .nav-button:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 4px;
	margin: 4px 0 0;
	background: white;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.magazine .nav-button:after {
	top: auto;
	bottom: 50%;
	margin: 0 0 4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.magazine .nav-button.next-button:before {
	left: auto;
	right: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.magazine .nav-button.next-button:after {
	left: auto;
	right: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.magazine.zoom-in .nav-button {
	display: none !important;
}

.magazine .nav-button.previous-button {
	display: none;
	left: -25px;	
}

.magazine .nav-button.next-button {
	right: -25px;	
}

.cs_user .magazine:before,
.cs_user .magazine:after {
	content: "";
	position: absolute;
	top: -25px;
	right: -10px;
	height: 20px;
	width: 3px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	cursor: pointer;
}
.cs_user .magazine:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}