/**
 * CSS for Guiders.js
 * Version 2.0.0
 *
 * It is expected that you'll modify this to fit your site's style.
 */

.guider {
  background: #FFF;
  border: 1px solid #666;
  font-family: arial;
  position: absolute;
  outline: none;
  padding: 10px 15px;
  width: 500px;
  z-index: 900001 !important;
  

  
  /* Rounded corners */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* End rounded corners */
}

.guiders_arrow {
  width: 42px;
  height: 42px;
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  z-index: 900002 !important;
  
  /**
   * For optimization, the arrows image is inlined in the css below.
   * 
   * To use your own arrows image, replace this background-image with your own arrows.
   * It should have four arrows, top, right, left, and down.
   *
   * AND if you're super cool and use CSS arrows instead of the PNGs
   * please do us all a favor and issue a git pull to the GitHub project for this.
   * It's a nice-to-have improvement for this project.
   */
  background-image: url(data:image/png;base64,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);
  *background-image: url('guiders_arrows.png'); /* Asterisked properties only work in IE7 and below */
}

.guiders_arrow_right {
  display: block;
  background-position: 0px 0px;
  right: -42px;
}
.guiders_arrow_down {
  display: block;
  background-position: 0px -42px;
  bottom: -42px;
}
.guiders_arrow_up {
  display: block;
  background-position: 0px -126px;
  top: -42px;
}
.guiders_arrow_left {
  display: block;
  background-position: 0px -84px;
  left: -42px;
}

.guiders_button {
 background-color: #40acf8;
    background-image:#40acf8;
    background: #40acf8;
 
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 11pt;
  font-weight: bold;
  margin-left: 6px;
  min-width: 40px;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  /* Rounded corners */

  /* End rounded corners */
}

.guiders_button:hover{
     background-color: #114f7c;
    background-image:#114f7c;
    background: #114f7c;
}

.guiders_buttons_container {
  height: 36px;
  position: relative;
  width: 100%;
}

.guiders_close {
  float: right;
  padding: 10px 0 0;
}

.guiders_content {
  position: relative;
}

.guiders_content h1 {
  color: #40acf8;
  float: left;
  margin-top:5px;
  font-size: 21px;
}

.guiders_content p {
  clear: both;
  color: #333;
  font-size: 10pt;
  margin:15px 0 10px;
  padding-top:10px;
  max-width:340px;
}

.guiders_highlight {
  position: relative;
  z-index: 900003 !important; /* Should be larger than anything else on your page. */
}

#guiders_overlay {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 800001;
}

.guiders_x_button {
    margin-top:-3px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NEFBMDc5MTMxQTExRTNBOTlFQzRDQUQyQzM1Mzg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI5NEFBMDdBMTMxQTExRTNBOTlFQzRDQUQyQzM1Mzg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qjk0QUEwNzcxMzFBMTFFM0E5OUVDNENBRDJDMzUzODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk0QUEwNzgxMzFBMTFFM0E5OUVDNENBRDJDMzUzODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YViBwAAADUklEQVR42mxU30uaYRQ+/iirWWmaZdNGLaOs1AgqL9pNsGKVRBGR3Y3RTVf7Dwa73Z/QBo0WgzRpFutyVItCKMRtlDTCGka/1H5Ivyx3npd90sYOfPB+73fe5zznec77ydLpNCG8Xi+Fw2HKycmhWCzmuL29fS6TyZ7wdws/ablcHlar1V/y8vLeabXab01NTVRSUkJ6vV6cV9KfUCgUdHNzo72+vv7Iz1O8393dEYOJh9eNx8fHjYeHhy/Pzs4+Wa1Wd1ZWVlI6L5cWDFK/s7Ozm0wmBQiYAkAKrLOzs0mlUlE0GnV5PJ7I3t7e47+A4vG4MRQKLTDtB0g8OTkhrpwB47bEen9/n87Pz6m4uBjt6yYmJhYYVMNrUvT09ECf97u7u40Gg4GYFaH/1tZWCgQClJubS6wXcVs0ODgoqm9ubpLJZEJuPoOYamtrfYqhoSHn0tLSm8LCQsGkubmZRkZGyGKxCDaLi4vEmpDb7aaOjg7xnVuiSCRCLDqY2TjPp9ze3h5ARejCIpPRaMzo4nK56PT0lFhU6uzszGhVWlpKa2trhOIsC7GuAwqu8IqFNiEZbaAd6FFTUyMONjQ0UF1dXUb4qakpmpubE9Yjrq6uSKPRpBROp/M1s8mXRAUYt0oXFxdkt9sz9iPGxsZodnZW6INcBJzkXJUcG5gXibbkFBj+G9iTcu4H78kU3Ht/IpEwAxmAkjt9fX0iCXsSuMPhIKVSScFgkHhUxB40LC8vD8irqqqWWSxx6OjoSAB0dXVlqo2Pj9Pk5GTmvbe3l7q7u0UuAhKww8tyHvUpoLPg4p7BVilw/+bn54Uufr9f7KVSKeKZE7k4U1BQQDqdzqNk2qsVFRXejY2NfjgB1zAOZrNZuMPfRGszMzOila2tLeJbIFyD9SzDB3Y+KFtZWcH8GKanp78zTT0SoNPl5SVh0iXXAH5wcCC0KSoqEq0xq2hLS0s96xuXYdxhOU+o1efzrXJraqYqLud/3BFDC0Ce8hib1Dw6OvpTXNrq6mrRBs/Mj+HhYTPT/AwdkAzqOIihwxqXFi62t7f72ZRH/H/6KRVR3vuNoGKCL/GztrY2+/r6+gu+e06u+hDfKysrf3FLX8vKyt7abLYQ2KGAFL8FGACzgb1TiXLytAAAAABJRU5ErkJggg==);
  *background-image: url('guiders_x_button.jpg'); /* Asterisked properties only work in IE7 and below */
  cursor: pointer;
  height: 18px;
  width: 18px;

}

.guiders_x_button:hover{
    opacity:.7;
}