@charset "utf-8";
/* VCR-style slideshow buttons */

		.button{
			background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
			background-image: linear-gradient(to bottom, #f4f1ee, #fff);
			border-radius: 50%;
			box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
			float: left;
			height: 35px;
			margin: 0 0px 0px 0;
			position: relative;
			width: 35px;
			-webkit-transition: all .1s linear;
			transition: all .1s linear;
			text-decoration: none;
			text-align: center;
			align-content: center;
			cursor: pointer;
		}


		.button:after{
			color:#21536A;
			content: "";
			display: block;
			font-size: 16px;
			text-decoration-line: none;
			text-shadow: 0px -1px 1px #73848C, 1px 1px 1px white;
			position: absolute;
		}

		.up:after{
			content: "\25B2";
			left: 9px;
			top: 6px;
		}

		.down:after{
			content: "\25BC";
			left: 9px;
			top: 7px;
		}

		.right:after{
			content: "\25B6";
			left: 11px;
			top: 6px;
		}

		.left:after{
			content: "\25C0";
			left: 8px;
			top: 6px;
		}

		.rw:after{
			content: "\23EA\FE0E";
			font-size: 22px;
			left: 45%;
			top: 52%;
			transform: translate(-50%, -50%);
		}

		.ff:after{
			content: "\23E9\FE0E";
			font-size: 22px;
			left: 55%;
			top: 52%;
			transform: translate(-50%, -50%);
		}

		.pp:after{
			content: "\23F8\FE0E";
			font-size: 18px;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}

		.button:hover{
			background-image: -webkit-linear-gradient(top, #fff, #f4f1ee);
			background-image: linear-gradient(to bottom, #fff, #f4f1ee);
			color:#0088cc;
		}

		.up:hover:after{
			color:#2CB5AF;
			text-shadow:0px 0px 6px #2CB5AF;
		}

		.down:hover:after{
			color:#2CB5AF;
			text-shadow:0px 0px 6px #2CB5AF;
		}

		.right:hover:after{
			color: #2CB5AF;
			text-shadow:0px 0px 6px #2CB5AF;
		}

		.left:hover:after{
			color:#2CB5AF;
			text-shadow:0px 0px 6px #2CB5AF;
		}

		.rw:hover:after{
			color:#2CB5AF;
			text-shadow:0px 0px 6px #2CB5AF;
		}

		.ff:hover:after{
			color:#2CB5AF;
			text-shadow:0px 0px 6px #2CB5AF;
		}

		.pp:hover:after{
			color:#2CB5AF;
			text-shadow:0px 0px 6px #2CB5AF;
		}


		.button:active{
			background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
			background-image: linear-gradient(to bottom, #efedec, #f7f4f4);
			box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
		}

		.button:active:after{
			color:#21536A;
			text-shadow: 0px -1px 1px #73848C, 0px 1px 1px white;
		}