/* Artfully masterminded by ZURB */
body {
  position: relative;
}

#joyRideTipContent { display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  position: absolute;
  background: #fff;
  background: rgba(255,255,255,1);
  /* padding: 10px 10px 10px 15px; */
  color: #fff;
  width: 300px;
  z-index: 1501;
  font-family: 'Droid Sans', sans-serif;
  font-weight: normal;
  border: 1px solid #8C9193;
box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
/* 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 { background:url(ride_tip_top.png); width:16px; height:9px; margin-top:-9px;}
.joyride-tip-guide span.joyride-nub.bottom { background:url(ride_tip_bottom.png); width:16px; height:9px; bottom: -9px; right:22px; }


/* 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;
  font-weight: bold;
  color: #fff;
}
.joyride-tip-guide h1 { font-size: 30px; }
.joyride-tip-guide h2 { background: #ECEDEE; color: #6E7584; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 7px; border-bottom:1px solid #c6c9ca; box-shadow:0 1px 0 #f3f3f4;  }
.joyride-tip-guide h3 { font-size: 22px; }
.joyride-tip-guide h4 { font-size: 18px; }
.joyride-tip-guide h5 { font-size: 16px; }
.joyride-tip-guide h6 { font-size: 14px; }
.joyride-tip-guide p {  margin: 0; font-size: 14px; line-height: 18px; padding: 10px; color: #6D727B; font-size: 12px; }
.joyride-tip-guide a {
  color: rgb(255,255,255);
  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:after {
  clear: both;
}
.joyride-tip-guide .joyride_footer { background:#f5f5f5; height:25px; border-top:1px solid #c6c9ca;}
.joyride-tip-guide .joyride-next-tip {
  width: auto;
  padding: 2px 10px;
font-size: 12px;
  text-decoration: none;
  color: #fff;
  float: right;
  margin: 3px;
  border: 1px solid #5988A8;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
background:#458FC0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.3) inset;
border-radius:3px;
}
.joyride-next-tip:hover { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 10px rgba(255, 255, 255, 0.3) inset, 0 1px 0px rgba(255, 255, 255, 0.3) inset;}

.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: 6px;
  top: 5px;
  background:url(icon_close.png) no-repeat;
  width:16px; height:16px;
}
.joyride-close-tip:hover {
}
#joyRidePopup0 .joyride-nub.top { background:url(ride_tip_bottom.png); width:16px; height:9px; bottom: -9px; right:22px; }
#joyRidePopup3 .joyride-nub.bottom { background:url(ride_tip_top.png); width:16px; height:9px; margin-top:-9px; top:0px;}
#joyRidePopup4 .joyride-nub.top { margin-left: 234px;}

#joyRidePopup6 .joyride-nub.bottom { margin-left: 360px; }
#joyRidePopup11 .joyride-nub.top { margin-left: 234px; }
#joyRidePopup9 .joyride-nub.top { margin-left: 234px; }