/**
 * WebTour v1.0
 *
 * Copyright (C) 2014 Erwin Bujak
 * http://lab.erwinbujak.eu/WebTour/
 */
.WebTourFixed {
	overflow-y: scroll;
}

.WebTour {
	background: url('../images/WebTour-bg.png');
	border: solid 1px #FFFFFF;
	position: absolute;
	height: 10px;
	z-index: 1000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.WebTourRadius {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}

.WebTourFill {
	border-width: 4px;
	border-color: #42b340;
	z-index: 11111;
	-webkit-box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.8);
}

.WebTourBG {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
}

.WebTourStepLineA, .WebTourStepLineB, .WebTourStepLineAc, .WebTourStepLineBc {
	background: #42b340;
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: 111111;
}

.WebTourStep {
	background: #ffffff;
    border-color: #42b340;
    border-style: solid;
	position: absolute;
	max-width: 300px;
	color: #000000;
	display: inline-block;
	z-index: 111111;
}

.WebTourClose {
	background: url('../images/WebTour-close.png') no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	top: -20px;
	right: 4px;
	display: block;
}

.WebTourStep p {
	margin: 12px;
}

.WebTourAutoplay {
	background: #EEEEEE;
	width: 100%;
	height: 5px;
}

.WebTourAutoplay span {
	background: #87AA14;
	width: 0%;
	height: 5px;
	display: block;
}

.WebTourButton {
	background: #F2F2F2;
	margin-top: 2px;
	height: 30px;
	overflow: hidden;
}

.WebTourButton a.close {
	background-color: #FF4140;
	padding: 0px 15px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	float: right;
	opacity: 10;
}

.WebTourButton a.close:hover {
	background-color: #FF0000;
}

.WebTourButton a.next {
	background-color: #87AA14;
	padding: 0px 15px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	float: right;
	font-size: 21px;
    text-shadow: 0 1px 0 #fff;
}

.WebTourButton a.next:hover {
	background-color: #878B14;
}

.WebTourButton a.prev {
	background-color: #87AA14;
	padding: 0px 15px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 21px;
    text-shadow: 0 1px 0 #fff;
}

.WebTourButton a.prev:hover {
	background-color: #878B14;
}