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

#message_holder #valid .top{
  background-image: url(images/valid_back.png);
  background-position: top;
  padding: 10px 10px; 
  color: #000;
  position: relative;
}

#message_holder #valid #type{
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  width: 140px;
}
#message_holder #valid #messageValue {
  text-align: left;
}
#message_holder #valid #type .img{
  background-image: url(images/ok.png);
  background-repeat: no-repeat;
  padding: 0 17px 5px
}
#message_holder #valid .bottom{
  background-image: url(images/valid_bottom.png);
  background-position: top;
  height: 17px;
}

#message_holder #error .top{
  background-image: url(images/error_back.png);
  background-position: top;
  padding: 10px 10px; 
  color: #000;
  position: relative;
}

#message_holder #error #type{
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  width: 140px;
}
#message_holder #error #messageValue {
  text-align: left;
}
#message_holder #error .img{
  background-image: url(images/cross.png);
  background-repeat: no-repeat;
  padding: 0 17px 5px;
}
#message_holder #error .bottom{
  background-image: url(images/error_bottom.png);
  background-position: left top;
  width: 562px;
  height: 16px;
}
#message_holder #error .top .close{
  top: 13px;
}

#message_holder .top .close{
  background-image: url(images/close.png);
  position: absolute;
  top: 14px;  left: 550px;
  display: block;
  height: 28px;   width: 28px;
  cursor: pointer;
}
#message_holder table{
  border-bottom: 0px solid red;
}

@media screen and (max-width:570px) {
    #message_holder{width: 100%;}
    #message_holder #valid #type{width: 35%;}
    #message_holder #error #type{width: 35%;}
    #message_holder #error .bottom{background-position: center top; width: 100%;}
    #message_holder .top .close{right: 0; left: auto;}
}