/* Chrome, Safari, Opera */
@-webkit-keyframes JP_mymove {    
0%   {top:-100px;}
50% {top:0px;}
100% {top:0px;}
}

/* Standard syntax */
@keyframes JP_mymove {	
0%   {top:-100px;}
50% {top:0px;}
100% {top:0px;}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes JP_flipcolor {

0% {background-color: white; }
50% {background-color: red; }
100% {background-color: white; }

}

/* Standard syntax */
@keyframes JP_flipcolor {	
0%   {background-color: white; }
50% {background-color: red; }
100% {background-color: white; }

}
.JP_anima{
width: 300px;
background: #F3F3F3 none repeat scroll 0% 0%;
color: #4B4B4B;
position: fixed;
font-size: 16px;
padding: 5px;
margin:1px;
text-align: center;
opacity: 1;
font-family: tahoma,arial,verdana,sans-serif;
top: -100px;
}
.JP_anima2{
width:85%;
text-align: center;
float:left;
margin:0px 10px 0px 0px;
}
.JP_closeAnim{
float:right;
margin:0px 10px 0px 0px;
width:20px;
cursor:pointer;
}