@charset "UTF-8";

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

body {
  background-color:#ffffff;
  background-color:#9AC956;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#666666;
  border:px #;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
}

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  padding:5px;
  background-color:#BCEC76;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

.content {
  padding:5px;
}

.fr-left {
  display:block;
  width:33px;
  height:100%;
  background:url(http://3.bp.blogspot.com/-udKLKbOma04/VHsyXiVsjYI/AAAAAAAAC7s/65NOef7l6_0/s1600/vleft2.png) repeat-y;
  top:0;
  left:0;
}

.fr-right {
  display:block;
  width:33px;
  height:100%;
  background:url(http://3.bp.blogspot.com/-JswAvB-aQE4/VHsyX9OFhdI/AAAAAAAAC7w/ng_A5y27jCg/s1600/vright2.png) repeat-y;
  top:0;
  right:0;
}

.fr-topleft {
  display:block;
  width:100px;
  height:100px;
  background:url(http://4.bp.blogspot.com/-htImhkXTGaI/VHsyUTeOZVI/AAAAAAAAC8U/QfrE73gQhjM/s1600/left1.png) no-repeat;
  top:0;
  left:0;
}

.fr-topright {
  display:block;
  width:100px;
  height:100px;
  background:url(http://1.bp.blogspot.com/-L4KAG2XjAZY/VHsyVfMuRWI/AAAAAAAAC7E/OL4rORDq8_g/s1600/right1.png) no-repeat;
  top:0;
  right:0;
}

.fr-top {
  display:block;
  width:100%;
  height:30px;
  background:url(http://1.bp.blogspot.com/--HZCnw3C79Y/VHsyXA_j6II/AAAAAAAAC7k/MigIGz5v_M8/s1600/top.png) repeat-x;
  top:0;
  left:0;
}

.fr-bottom {
  display:block;
  width:100%;
  height:40px;
  background:url(http://4.bp.blogspot.com/-wlVh36Joltk/VHsyUddG0YI/AAAAAAAAC64/3eCIv667e8c/s1600/bottom.png) repeat-x;
  bottom:0;
  left:0;
}

.fr-left,.fr-right,.fr-topleft,.fr-topright,.fr-top,.fr-bottom {
  position:fixed;
  z-index:10000;
}

.animated {
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:1.5s;
  -moz-animation-duration:1.5s;
  -ms-animation-duration:1.5s;
  -o-animation-duration:1.5s;
  animation-duration:1.5s;
}

.happy {
  display:inline-block;
  width:200px;
  height:250px;
  position:fixed;
  top:-200px;
  background:url(http://2.bp.blogspot.com/-P-G0S5Nm4Hc/VHsyU3QBW3I/AAAAAAAAC68/7b-Ddli-Es4/s320/message.png) no-repeat;
  background-position:bottom center;
  backgrond-size:100%;
  text-align:center;
  margin-left:3%;
  -webkit-transition:all .8s;
  -moz-transition:all .8s;
  transition:all .8s;
  padding:20px;
  overflow:hidden;
}

.happy:hover {
  display:inline-block;
  background:#f1f1f1;
  width:770px;
  height:330px;
  position:fixed;
  top:10px;
  left:0;
  text-align:center;
  -webkit-transition:top 1s ease 1s,left .3s ease 1s;
  -moz-transition:top 1s ease 1s,left .3s ease 1s;
  -o-transition:top 1s ease 1s,left .3s ease 1s;
  -ms-transition:top 1s ease 1s,left .3s ease 1s;
  transition:top 1s ease 1s,left .3s ease 1s;
  z-index:9999;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  box-shadow:0 0 3px #000;
  -moz-box-shadow:0 0 3px #000;
  -webkit-box-shadow:0 0 3px #000;
}

.wish {
  display:block;
  text-align:center;
  padding-top:12px;
  padding-bottom:12px;
  background:rgba(0,0,0,.3);
  font-size:50px;
  font-weight:900;
  color:#FFF;
  font-variant:small-caps;
  border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  -webkit-border-radius:8px;
  text-shadow:0 0 22px #fff;
}

.snow {
  display:inline-block;
  width:100%;
  height:100%;
}

.snow:hover {
  background-image:url(http://2.bp.blogspot.com/-dfdyrlj0hw0/VHsyVsF_M_I/AAAAAAAAC7M/9Z_GmsfPZt4/s320/snow1.png),url(http://2.bp.blogspot.com/-5YtzNUDISAk/VHsyVqDkWnI/AAAAAAAAC7Q/uYn6wTSgBd0/s1600/snow2.png),url(http://2.bp.blogspot.com/-lrym7nOLe7Y/VHsyWMmzF3I/AAAAAAAAC7g/vl1oWV3FxIw/s1600/snow3.png);
  -webkit-animation:snow 20s linear infinite;
  -moz-animation:snow 20s linear infinite;
  -ms-animation:snow 20s linear infinite;
  animation:snow 20s linear infinite;
}

.swing {
}

.swing:hover,.swing:focus {
  -webkit-transform-origin:top center;
  -moz-transform-origin:top center;
  -o-transform-origin:top center;
  transform-origin:top center;
  -webkit-animation-name:swing;
  -moz-animation-name:swing;
  -o-animation-name:swing;
  animation-name:swing;
}

.happy .message {
  display:inline-block;
  text-align:left;
  padding:6px;
  margin:10px;
  width:1px;
  color:#fff;
  background:#000;
  opacity:0;
}

.happy:hover .message {
  display:inline-block;
  text-align:left;
  padding:6px;
  margin:10px;
  width:90%;
  color:#fff;
  text-shadow:0 0 3px #0FF;
  background:#000;
  opacity:1;
  font-size:16px;
  overflow:auto;
}

.tip {
  display:block;
  background:rgba(0,0,0,.3);
  padding:3px;
  border-top:1px solid #f00;
}

.tip img {
  display:inline-block;
  width:100px;
}

@keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
  
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
  
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
    background-color:rgba(0,0,0,0.7);
  }
  
  50% {
    background-color:rgba(0,0,0,0.7);
  }
  
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
    background-color:rgba(0,0,0,0.7);
  }
}

@-ms-keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
  
  100% {
    background-position:500px 1000px,400px 400px,300px 300px;
  }
}

@-webkit-keyframes swing {
  20%,40%,60%,80%,100% {
    -webkit-transform-origin:top center;
  }
  
  20% {
    -webkit-transform:rotate(15deg);
  }
  
  40% {
    -webkit-transform:rotate(-10deg);
  }
  
  60% {
    -webkit-transform:rotate(5deg);
  }
  
  80% {
    -webkit-transform:rotate(-5deg);
  }
  
  100% {
    -webkit-transform:rotate(0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform:rotate(15deg);
  }
  
  40% {
    -moz-transform:rotate(-10deg);
  }
  
  60% {
    -moz-transform:rotate(5deg);
  }
  
  80% {
    -moz-transform:rotate(-5deg);
  }
  
  100% {
    -moz-transform:rotate(0deg);
  }
}

@-o-keyframes swing {
  20% {
    -o-transform:rotate(15deg);
  }
  
  40% {
    -o-transform:rotate(-10deg);
  }
  
  60% {
    -o-transform:rotate(5deg);
  }
  
  80% {
    -o-transform:rotate(-5deg);
  }
  
  100% {
    -o-transform:rotate(0deg);
  }
}

@keyframes swing {
  20% {
    transform:rotate(15deg);
  }
  
  40% {
    transform:rotate(-10deg);
  }
  
  60% {
    transform:rotate(5deg);
  }
  
  80% {
    transform:rotate(-5deg);
  }
  
  100% {
    transform:rotate(0deg);
  }
}