.backoritybase{
	
	 margin:  20px 20px 0px 20px ;
    background-color: #fff;
    border: 5px solid #ededed;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.backoritybase a:hover {
	
    -webkit-animation-name: shake;
            animation-name: shake;
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  
 }
.backoritybase a.button {
    display: inline-block;

    position: relative;
    height: 25px;
    width: 80px;
    margin: 10px 10px 18px 0;
    
    text-decoration: none;
    font-size: 12px ;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
	 
  }

.backoritybase  a.button:before,
.backoritybase  a.button:after {
    content: '';
    position: absolute;
    left: -1px;
    height: 25px;
    width: 80px;
    bottom: -1px;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

.backoritybase  a.button:before { 
    height: 23px;
    bottom: -4px;
    border-top: 0;
    
    -webkit-border-radius: 0 0 3px 3px; 
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    
    -webkit-box-shadow: 0 1px 1px 0px #bfbfbf;
    -moz-box-shadow: 0 1px 1px 0px #bfbfbf;
    box-shadow: 0 1px 1px 0px #bfbfbf;
  }
.backoritybase a.blue,
.backoritybase  a.blue:hover,
.backoritybase  a.blue:visited {
    color: #42788e;
    border-bottom: 4px solid #589cb6;
    background: #abe4f8;
    
    text-shadow: 0px 1px 0px #bee9fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#74d0f4));
    background: -moz-linear-gradient(top,  #abe4f8,  #74d0f4);
    
    box-shadow: inset 1px 1px 0 #b2e6f8;
  }

.backoritybase  .blue:before,
.backoritybase  .blue:after {
    border: 1px solid #8cc5d9;
    border-bottom: 1px solid #4e8aa1;
  }

.backoritybase  a.blue:hover {
    background: #74d0f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#74d0f4), to(#abe4f8));
    background: -moz-linear-gradient(top,  #74d0f4,  #abe4f8);
  }
// Shake animation keyframes
@keyframes shake {
  0%   { transform: translate(2px, 1px)   rotate(0deg);}
  10%  { transform: translate(-1px, -2px) rotate(-1deg);}
  20%  { transform: translate(-3px, 0px)  rotate(1deg);}
  30%  { transform: translate(0px, 2px)   rotate(0deg);}
  40%  { transform: translate(1px, -1px)  rotate(1deg);}
  50%  { transform: translate(-1px, 1px)  rotate(-1deg);}
  60%  { transform: translate(-3px, -2px) rotate(0deg);}
  70%  { transform: translate(2px, 1px)   rotate(-1deg);}
	80%  { transform: translate(-1px, -2px) rotate(1deg);}
	90%  { transform: translate(2px, -1px)  rotate(0deg);}
	100% { transform: translate(1px, -2px)  rotate(-1deg);}
}

@-webkit-keyframes shake {
  0%   { -webkit-transform: translate(2px, 1px)   rotate(0deg);}
  10%  { -webkit-transform: translate(-1px, -2px) rotate(-1deg);}
  20%  { -webkit-transform: translate(-3px, 0px)  rotate(1deg);}
  30%  { -webkit-transform: translate(0px, 2px)   rotate(0deg);}
  40%  { -webkit-transform: translate(1px, -1px)  rotate(1deg);}
  50%  { -webkit-transform: translate(-1px, 1px)  rotate(-1deg);}
  60%  { -webkit-transform: translate(-3px, -2px) rotate(0deg);}
  70%  { -webkit-transform: translate(2px, 1px)   rotate(-1deg);}
	80%  { -webkit-transform: translate(-1px, -2px) rotate(1deg);}
	90%  { -webkit-transform: translate(2px, -1px)  rotate(0deg);}
	100% { -webkit-transform: translate(1px, -2px)  rotate(-1deg);}
}