.featherlight {
  z-index: 2147483640;
  background: #333;
}


/* messages */
#jquery-msg-box {
	position: fixed;
	top: 150px;
	left: 50%;
  width: 640px;
  margin-left: -320px;
	padding: 3px;
	font-size: 16px;
	color: #339;
	z-index: 2147483642;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 3px 3px 5px #999;
  -moz-box-shadow: 3px 3px 5px #999;
  background: #4B8CDC -moz-linear-gradient(top,  #86B1E7, #4B8CDC 23px);
  background: #4B8CDC -webkit-gradient(linear, 0 0, 0 23, from(#86B1E7), to(#4B8CDC));
  background: #4B8CDC linear-gradient(to bottom,  #4B8CDC, #86B1E7, #4B8CDC);
}

#jquery-msg-title {
  margin: 0;
  padding: 0 22px 0 10px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  text-transform: capitalize;
  float: none;
  width: auto;
}

#jquery-msg-body {
  min-height: 40px;
  border-radius: 2px;
  padding: 16px 10px 10px 52px;
  background: #ffffff url('../images/info.png') no-repeat 10px 10px;
}

#jquery-msg-body li,
#jquery-msg-body ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#jquery-msg-body .info {
  background: url('../images/lightbulb-24.png') no-repeat;
  padding: 3px 0px 3px 32px;
  margin-left: -32px;
  min-height: 24px;
  color: #00F;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  display: block;
}


#jquery-msg-box.jquery-msg-loading #jquery-msg-body {
  background-image: url('../images/loading.gif');
}


#jquery-msg-box.jquery-msg-error {
	color: #F00;
  background: #BB0000 -moz-linear-gradient(top,  #ff8888,  #BB0000 23px);
  background: #BB0000 -webkit-gradient(linear, 0 0, 0 23, from(#ff8888), to(#BB0000));
  background: #BB0000 linear-gradient(to bottom,  #BB0000, #ff8888,  #BB0000);
}
#jquery-msg-box.jquery-msg-error #jquery-msg-body {
  background-color: #fff8f8;
  background-image: url('../images/error.png');
  white-space: pre-wrap;
}

#jquery-msg-box.jquery-msg-warning {
	color: #935103;
  background: #FFA229 -moz-linear-gradient(top,  #FFC06F,  #FFA229 23px);
  background: #FFA229 -webkit-gradient(linear, 0 0, 0 23, from(#FFC06F), to(#FFA229));
  background: #FFA229 linear-gradient(to bottom,  #FFA229, #FFC06F,  #FFA229);
}
#jquery-msg-box.jquery-msg-warning #jquery-msg-body {
  background-color: #ffffff;
  background-image: url('../images/warning.png');
}

#jquery-msg-box.jquery-msg-success {
	color: #060;
  background: #008800 -moz-linear-gradient(top,  #44ff44,  #008800 23px);
  background: #008800 -webkit-gradient(linear, 0 0, 0 23, from(#44ff44), to(#008800));
  background: #008800 linear-gradient(to bottom,  #008800, #44ff44,  #008800);
}
#jquery-msg-box.jquery-msg-success #jquery-msg-body {
  background-color: #f8fff8;
  background-image: url('../images/success.png');
}



#jquery-msg-close {
	position: absolute;
	top: 0px;
	right: 5px;
	width: 48px;
	height: 20px;
	background: url('../images/close.png') no-repeat 0px 0px; 
}
#jquery-msg-close:hover {
	background-position: 0px -20px;
}
#jquery-msg-close:active {
	background-position: 0px -40px;
}


#jquery-msg-box.jquery-msg-progress #jquery-msg-body {
  background-image: none;
  padding: 16px 16px;
  min-height: 0px;
  text-align: center;
}


#jquery-msg-box.jquery-msg-progress progress {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  
  /* Get rid of default border in Firefox. */
  border: none;
  position: relative;
  display: block;
  width: 100%;
}

#jquery-msg-box.jquery-msg-progress progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

#jquery-msg-box.jquery-msg-progress progress[value]::-moz-progress-bar { 
  background-image: -moz-linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66% ),
                    -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)),
                    -moz-linear-gradient(left, #4B8CDC, #86B1E7);
  border-radius: 2px; 
  background-size: 35px 20px, 100% 100%, 100% 100%; 
}


#jquery-msg-box.jquery-msg-progress progress[value]::-webkit-progress-value {
  background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%),
                    -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)),
                    -webkit-linear-gradient(left, #4B8CDC, #86B1E7);
  border-radius: 2px; 
  background-size: 35px 20px, 100% 100%, 100% 100%;

  -webkit-animation: animate-stripes 5s linear infinite;
  animation: animate-stripes 5s linear infinite;
  
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}



@-webkit-keyframes animate-stripes {
   100% { background-position: -100px 0px; }
}

@keyframes animate-stripes {
   100% { background-position: -100px 0px; }
}