/* ----------------------- GENERAL LAYOUT -----------------------*/
body 
{
  background-color: #fff2c4;
  background-image: url(../images/background.png);
  background-repeat: repeat;
  font-family: arial, verdana, tahoma, helvetica;
}

h1
{
font-size: 18px;
color: #555;
}

h1 span
{
color: #fc5204;
}

#wrapper
{
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
	min-height: 100px;
	background: #fff;
	text-align: center;
	padding: 20px 0;
	-webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
}

.btn {
	display: inline-block;
  background: #00e000;
  background-image: -webkit-linear-gradient(top, #00e000, #0e6600);
  background-image: -moz-linear-gradient(top, #00e000, #0e6600);
  background-image: -ms-linear-gradient(top, #00e000, #0e6600);
  background-image: -o-linear-gradient(top, #00e000, #0e6600);
  background-image: linear-gradient(to bottom, #00e000, #0e6600);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  -webkit-box-shadow: 0px 0px 8px #19ba00;
  -moz-box-shadow: 0px 0px 8px #19ba00;
  box-shadow: 0px 0px 8px #19ba00;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 25px 30px 25px 30px;
  margin: 0px 0px 0px 0px;
  border: solid #12d400 2px;
  text-decoration: none;
}

.btn:hover {
  background: #4cff61;
  background-image: -webkit-linear-gradient(top, #4cff61, #09b800);
  background-image: -moz-linear-gradient(top, #4cff61, #09b800);
  background-image: -ms-linear-gradient(top, #4cff61, #09b800);
  background-image: -o-linear-gradient(top, #4cff61, #09b800);
  background-image: linear-gradient(to bottom, #4cff61, #09b800);
  text-decoration: none;
}

.btns {
	display: inline-block;
  background: #8a8164;
  background-image: -webkit-linear-gradient(top, #8a8164, #a07800);
  background-image: -moz-linear-gradient(top, #8a8164, #a07800);
  background-image: -ms-linear-gradient(top, #8a8164, #a07800);
  background-image: -o-linear-gradient(top, #8a8164, #a07800);
  background-image: linear-gradient(to bottom, #8a8164, #a07800);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  -webkit-box-shadow: 0px 0px 8px #9c6f00;
  -moz-box-shadow: 0px 0px 8px #9c6f00;
  box-shadow: 0px 0px 8px #9c6f00;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 25px 30px 25px 30px;
  margin: 0px 0px 0px 0px;
  border: solid #ffffff 2px;
  text-decoration: none;
}

.btns:hover {
  background: #4cff61;
  background-image: -webkit-linear-gradient(top, #4cff61, #09b800);
  background-image: -moz-linear-gradient(top, #4cff61, #09b800);
  background-image: -ms-linear-gradient(top, #4cff61, #09b800);
  background-image: -o-linear-gradient(top, #4cff61, #09b800);
  background-image: linear-gradient(to bottom, #4cff61, #09b800);
  text-decoration: none;
}

.stepbubble
{
width: 40px;
height: 40px;
background: #f00;
color: #fff;
font-weight: bold;
font-size: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-align: center;
vertical-align: center;
display: inline-block;
line-height: 40px;
}

.stepblock
{
margin: 0 15px;
padding: 8px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #ffc;
}

table tr td
{
vertical-align: top;
}

@-webkit-keyframes animleft {
    0%   {left: 0px; font-size: 40px;}
    50%  {left: 16px; font-size: 50px;}
	100%   {left: 0px; font-size: 40px;}
}
@-moz-keyframes animleft {
    0%   {left: 0px; font-size: 40px;}
    50%  {left: 16px; font-size: 50px;}
	100%   {left: 0px; font-size: 40px;}
}
@-o-keyframes animleft {
    0%   {left: 0px; font-size: 40px;}
    50%  {left: 16px; font-size: 50px;}
	100%   {left: 0px; font-size: 40px;}
}

@keyframes animleft {
    0%   {left: 0px; font-size: 40px;}
    50%  {left: 16px; font-size: 50px;}
	100%   {left: 0px; font-size: 40px;}
}



@-webkit-keyframes animright {
    0%   {right: 0px; font-size: 40px;}
    50%  {right: 16px; font-size: 50px;}
	100%   {right: 0px; font-size: 40px;}
}
@-moz-keyframes animright {
    0%   {right: 0px; font-size: 40px;}
    50%  {right: 16px; font-size: 50px;}
	100%   {right: 0px; font-size: 40px;}
}
@-o-keyframes animright {
    0%   {right: 0px; font-size: 40px;}
    50%  {right: 16px; font-size: 50px;}
	100%   {right: 0px; font-size: 40px;}
}
@keyframes animright {
    0%   {right: 0px; font-size: 40px;}
    50%  {right: 16px; font-size: 50px;}
	100%  {right: 0px; font-size: 40px;}
}

.pulseleft
{
line-height: 50px;
position: relative;
font-size: 40px;
color: #0b0;
animation-name: animright;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;

-webkit-animation-name: animright;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;

-moz-animation-name: animright;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}

.pulseright
{
line-height: 50px;
position: relative;
font-size: 40px;
color: #0b0;
animation-name: animleft;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;

-webkit-animation-name: animleft;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;

-moz-animation-name: animleft;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}