#message_wrapper{
  background-image: url(images/back.png);
  position: fixed;
  top: 0px;        
	left: 0px;
  z-index: 99999;
  width: 100%;    
	height: 100%;
}
#message_holder{
  width: 434px;
  margin: 170px auto 0px auto;  
}

#message_holder #valid{
  background-color: #4bb00e;    
}
#message_holder #valid .top{
  background-image: url(images/valid_back_v2.png);
  background-repeat: no-repeat;
  background-position: top;
  color: white;
  position: relative;
  background-size: 100%;
}
#message_holder #valid #type {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  left: 0;
  padding: 15px 15px 15px 30px;
  position: relative;
  text-align: left;
  text-indent: 40px;
  text-transform: uppercase;
  top: 0;
  width: 300px;
}
#message_holder #valid #messageValue {
  font-size: 14px;
  padding: 10px 10px 15px;
  text-align: left;
}
#messageValue > ul {
  margin-left: 15px;
}
#message_holder #valid .bottom{
  height: 0px;
}


#message_holder #error{
  background-color: #ff2949;    
}
#message_holder #error .top{
  background-image: url(images/error_back_v2.png);
  background-repeat: no-repeat;
  background-position: top;
  color: white;
  position: relative;
  background-size: 100%;
}
#message_holder #error #type{
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  left: 0;
  padding: 15px 15px 15px 30px;
  position: relative;
  text-align: left;
  text-indent: 40px;
  text-transform: uppercase;
  top: 0;
  width: 389px;
}
#message_holder #error #messageValue {
  font-size: 14px;
  padding: 10px 10px 15px;
  text-align: left;
}
#message_holder #error .bottom{
  height: 0px;
}


#message_holder .top .close{
  position: absolute;
  top: -11px;  
	left: 380px;
  display: block;
  height: 35px;   
	width: 34px;
  cursor: pointer;
  z-index: 999999;
}
#message_holder #valid .top .close{
  background-image: url(images/valid-close.png);
} 
#message_holder #error .top .close{
  background-image: url(images/error-close.png);
}