/* Artfully masterminded by ZURB */
body {
	position: relative;
}
#joyRideTipContent {
	display: none;
}
.joyRideTipContent {
	display: none;
}
/* Default styles for the container */
.joyride-tip-guide {
	position:absolute;
	background: #000;
	background: #fff;
	box-shadow: 4px 4px 38px 0px #000!important;
	padding:30px;
	display: none;
	color: #fff;
	width: 400px;
	z-index: 99999;
	top: 0; /* keeps the page from scrolling when calculating position */
	left: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.joyride-content-wrapper {
	padding: 10px 10px 15px 15px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
.joyride-tip-guide {
	width: 95% !important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	left: 2.5% !important;
}
.joyride-tip-guide-wrapper {
	width: 100%;
}
}
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
	display: block;
	position: absolute;
	left: 22px;
	width: 0;
	height: 0;
	border: solid 14px;
	border: solid 14px;
}
.joyride-tip-guide span.joyride-nub.top {
	/*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-bottom-color so here we set the border-color
  and override the top,left,right colors below.
  */
  border-color: #fff;
	border-color: #fff!important;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	top: -28px;
	bottom: none;
}
.joyride-tip-guide span.joyride-nub.bottom {
	/*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-top-color so here we set the border-color
  and override the bottom,left,right colors below.
  */
  border-color: #fff;
	border-color: #fff!important;
	border-bottom-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	bottom: -28px;
	bottom: none;
}
.joyride-tip-guide span.joyride-nub.right {
	border-color: #fff;
	border-color:  #fff!important;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	top: 22px;
	bottom: none;
	left: auto;
	right: -28px;
}
.joyride-tip-guide span.joyride-nub.left {
	border-color: #fff;
	border-color:  #fff!important;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-bottom-color: transparent !important;
	top: 22px;
	left: -28px;
	right: auto;
	bottom: none;
}
.joyride-tip-guide span.joyride-nub.top-right {
	border-color: #fff;
	border-color:  #333!important;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	top: -28px;
	bottom: none;
	left: auto;
	right: 28px;
}
/* Typography */
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
	line-height: 1.25;
	margin: 0 0 15px 0;
	color: #444;
}
.joyride-tip-guide p {
	margin: 0 0 28px 0;
	font-size: 14px;
	line-height: 18px;
}
.joyride-tip-guide a {
	color:#0D7EB9;
	text-decoration: none;
	border-bottom: dotted 1px rgba(255,255,255,0.6);
}
.joyride-tip-guide a:hover {
	color: rgba(255,255,255,0.8);
	border-bottom: none;
}
/* Button Style */
.joyride-tip-guide .joyride-next-tip, .joyride-next-tip:hover {
	width: auto;
	padding: 8px 18px 8px 42px!important;
	font-size: 13px;
	background-color: #E9E9E9!important;
	color: #FFF!important;
	font: 18px "ft_font", tahoma, sans-serif;
	border-radius: 3px;
	background: url(../assets/svg_sprite.png) #0D7EB9 no-repeat!important;
	background-position: -13px -435px!important;
	background-size: 129px 4073px!important;
}
.joyride-next-tip:hover {
	background-color:#000!important;
}
.joyride-timer-indicator-wrap {
	width: 50px;
	height: 3px;
	border: solid 1px rgba(255,255,255,0.1);
	position: absolute;
	right: 17px;
	bottom: 16px;
}
.joyride-timer-indicator {
	display: block;
	width: 0;
	height: inherit;
	background: rgba(255,255,255,0.25);
}
.joyride-close-tip {
	position: absolute;
	right: 10px;
	top: 10px;
	color: rgba(255,255,255,0.4) !important;
	text-indent:-999em;
	width:23px;
	height:22px;
	background: url(../assets/svg_sprite.png) no-repeat;
	background-size: 129px 4073px!important;
	background-position: -26px -108px!important;
}
.joyride-close-tip:hover {
	color: rgba(255,255,255,0.9) !important;
}
.joyride-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #111;
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity:0.8;
	z-index: 9999;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	pointer-events:none!important;
}
.saveTip a.joyride-next-tip {
	display:none;
}
.saveTip {
	top: 415px!important;
	left: 312px!important;
	position: absolute!important;
}