/*
  ACTIVATEGIFTSETUP.CSS
  (c) HAPPYneuron 2015
*/
p.intro{ margin-top: 25px; }
.giftErrorFeedback{ margin-top: 25px; }
.giftErrorFeedback img{ float:left; margin-right: 10px; }
.giftErrorFeedback p{ padding-top: 0px; }





#writeCodeForm{ 
	width: 400px;
	height: 248px; 
	margin: 20px auto 0 auto;
	background: url('../img/layout/games/line.png') bottom center no-repeat;
}
#writeCodeForm div{ 
	margin-left: 60px;
	padding-top: 130px; 
	width: 300px; 
	text-align: center;
	font-size: 11pt;
	font-weight: bold; 
}
#writeCodeForm div input.text_field
{
	margin: 10px 0px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 3px 0px 3px 7px; 
	font-weight: bold;
	*margin-left: -60px;
}





#stepsMenu{
  margin-top: 56px;
  background: url('../img/layout/games/line.png') bottom center no-repeat;
  padding: 0px 0px 1px 8px;
  font-size: 11pt;
	text-align: center;
}
#stepsMenu .step
{
  display: inline-block;
  *display: inline;
  *zoom: 1; *display: inline; zoom: 1;
  width: 183px;
  height: 30px;
  background: url('../img/layout/icons/membershipSettings.png') top center no-repeat;
  text-align: center;
  margin: 0px;
	margin-left: -8px;
  padding-top: 27px;
  cursor: default;
}
#stepsMenu a{ text-decoration: none; }
#stepsMenu .step.selected{ 
  color: $btnColor;
  background-position: center -114px;  
}
#stepsMenu .step.navigable:hover{ 
  background-position: center -57px; 
  color: $btnColor;
  cursor: pointer; 
}





#step1 #subscribe{ margin-top: 35px; }





#step2 .expandableList{ font-size: 12pt; }
#step2 .expandableElement
{
  width: 343px;
  height: 335px;
  text-align: left;
  padding: 20px;
  margin: 30px;
}
#step2 .expandableElement:hover{ padding: 50px; margin: 0px; }
#step2 .expandableElement .programInfo{ position: relative; }
#step2 .expandableElement p{ text-decoration: underline; text-align: center; }
#step2 .expandableElement ul{ list-style-type: none; padding: 0; }
#step2 .expandableElement li{
  background: url('../img/layout/checked.png') top left no-repeat;
  padding: 5px 0px 5px 40px;
}
#step2 .expandableElement .programInfo div{
  position: absolute;
  top: 255px;
  left: 0px;
  width: 339px;
  margin: -10px 0px 0px 0px;
  font-style: italic;
  font-size: 20px;
  text-align: center;
}
#step2 .expandableElement img{ float: left; margin: -10px 18px 0px 0px; }
#step2 .expandableElement div .strong{ font-style: normal; font-size: 33px; }





#step3 .expandableElement{
  width: 150px;
  height: 162px;
  *height: 170px;
  margin: 15px;
  padding: 0px;
  text-align: center;
}
#step3 .expandableElement div{ margin-top: 5px; font-size: 12pt; }
#step3 .expandableElement img{ 
  width: 150px; 
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;  
}
#step3 .expandableElement:hover
{
  width: 180px;
  height: 191px; 
  margin: 0px;
}
#step3 .expandableElement:hover img{ width: 180px; }

/*# sourceMappingURL=_maps/activateGiftSetup.css.map */
