body {
       font: "Montserrat",Arial, Helvetica, sans-serif;
       margin: 0; 
       background:#fff url(/resources/images/iphone/bg_super.jpg) center -210px no-repeat;
       }
       
.theme_default, .theme_herospace { background: none; }
.theme_herospace #content { padding: 0; width: 960px;}

#header { 
       margin: 0;width:960px;height:256px;background-color: transparent; }
       
#header_logged { 
       margin: 30px 0 0 0;width:960px;height:256px;background-color: transparent; }


#wrapper{
       background: none !important;
}
              
/*Donate Form*/
#admin_rewards{
       
    left: 10px;
    position: absolute;
    margin-top: -120px;
    width: 340px;
    color:#000;
}
#profile-points{
       color: #002345;
    font-size: 18px;
    position: relative;
    text-align: center;
    top: 19px;
}
#donate-points{
       text-align:center;
       position:relative;
}
#donate-points p {
       color: #636363;
       font-size: 13px;
       margin: 0;
       padding: 0 0 20px 0;
       text-align: center;
}

.donate-submit{
    left: 123px;
    position: relative;
    top: -130px;   
}

#minus {
background: url("/resources/images/rewards/purpose/plus-minus-sprite.png") no-repeat scroll 0 0 transparent;
    clear: both;
    cursor: pointer;
    display: block;
    height: 77px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 20px;
    width: 82px;
    z-index: 1;
}
#minus:hover {
       background-position: 0px -90px;
}
#minus:active {
       background-position: 0px -180px;
}
#plus {
background: url("/resources/images/rewards/purpose/plus-minus-sprite.png") no-repeat scroll -83px 0 transparent;
    clear: both;
    display: block;
    height: 77px;
    left: 255px;
    margin: 0;
    position: relative;
    right: 0;
    top: -57px;
    width: 82px;
    z-index: 1;
}
#plus:hover { background-position: -83px -90px; }
#plus:active { background-position: -83px -180px; }
.btn-submit-donation{
  background-image: url("/resources/images/rewards/purpose/share_pts_btn.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
    height: 50px;
    left: -36px;
    position: relative;
    top:20px;
    width: 180px;    
}
#counter-number {
       position:relative;
       
}
.inputDonation{
       
       color: #0072C7 !important;
    display: block;
    font-size: 3.5em;
    height: 110px;    
    position: relative !important;
    text-align: center !important;
    top: -156px !important;    
    width: 250px !important;
    margin:0 auto;
    vertical-align: top !important;
    line-height: 110px;
}
#result{      
    position: relative;
    top: 150px;
    text-align:center;
    height:20px;
    color: red;
}


#bkg_wrapper {       
   /*  height: 530px;
    padding: 15px;
    margin-top: 220px; */
}

.logo {
       position: relative;   
    width: 520px;
}
.acs_logo {
       
       position: relative;
    top: 10px;
    left: 80px;
    width: 168px;
    height: 68px;
}
.share_box {  
       position: relative;
    top: 30px;   
}

.logout_state{
       background: url("/resources/images/rewards/purpose/btn_login.png") no-repeat scroll 0 0 transparent;
       position: relative;
    top: 30px;
       left: 30px;   
    width: 200px;
    height: 50px;
}



.banner {
       position: relative;
    top: 38px;
    width: 340px;
}

#inner {
       position:relative;   
       
}

.tnc-msg{     
       display: none;       
}


.tnc-accept{  
       padding: 25px 0 10px 0;
       text-align: center;
}

#cboxLoadedContent p{
       background-color: #fff;
       padding: 10px;
       font-size: 1em;      
       text-align:left;     
       color:#000;   
}

.percs_header img {
       margin: 0px auto;
       width: 100%;
}

.pwp_main{
       background-color: white;
       margin-top: -8%;
      /*  padding: 2%; */
       border-radius: 10px; 
}

#main-wrapper{
       background: none; 
       padding: 0;
}

.pwp_row{
       text-align: center;
}

a.link_sunnybrook {
       background: url("/resources/images/rewards/purpose/home_sunnybrook.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
       z-index: 1;
}

a.link_hope {
       background:
              url("/resources/images/rewards/purpose/home_hope.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
}

a.link_gardner {
       background:
              url("/resources/images/rewards/purpose/home_gardner.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
}

a.link_joe {
       background:
              url("/resources/images/rewards/purpose/home_joe.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
}

a.link_mifa {
       background:
              url("/resources/images/rewards/purpose/home_mifa.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
}

a.link_gateway {
       background:
              url("/resources/images/rewards/purpose/home_gateway.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
}

a.link_delta {
       background:
              url("/resources/images/rewards/purpose/home_delta.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
}

a.link_tunica {
       background: url("/resources/images/rewards/purpose/home_tunica.png")
              no-repeat 0 0;
       width: 288px;
       height: 256px;
}

a.link_exchange {
       background: url("/resources/images/rewards/purpose/home_exchange.png")
              no-repeat 0 0;
       width: 288px;
}

a.link_aha {
       background: url("/resources/images/rewards/purpose/home_aha.png")
              no-repeat 0 0;
       width: 288px;
}

a.link_mschildren {
       background: url("/resources/images/rewards/purpose/home_mschildren.png")
              no-repeat 0 0;
       width: 288px;
}

a.link_ducks_unlimited{
       background: url("/resources/images/rewards/purpose/ducks_unlimited.png")
              no-repeat 0 0;
}

a.link_gallant_hearts{
       background: url("/resources/images/rewards/purpose/gallant_hearts.png")
              no-repeat 0 0;
}

a.link_youth_villages{
       background: url("/resources/images/rewards/purpose/youth_villages.png")
              no-repeat 0 0;
}

a.link_make_a_wish{
       background: url("/resources/images/rewards/purpose/makeawish.png")
              no-repeat 0 0;
}

a.link_american_lung_assoc{
       background: url("/resources/images/rewards/purpose/ala.png")
              no-repeat 0 0;
}

a.link_sunnybrook:hover, a.link_hope:hover, a.link_gardner:hover, a.link_joe:hover, a.link_mifa:hover, a.link_gateway:hover, a.link_delta:hover, a.link_tunica:hover, a.link_exchange:hover, a.link_aha:hover, a.link_mschildren:hover {
       background-position: 0px -256px;
}

.charity:HOVER{
       background-position: 0px -256px;
}

.charity {
       float: left;
       width: 288px;
       z-index: 1;
       position: relative;
}

.charity a{
       position: relative;
       z-index: 1;
       float: left;
}

.counter {
       background: url("/resources/images/rewards/purpose/home_count.png")
              no-repeat 0 0;
       width: 288px;
       height: 96px;
       float: left;
       margin: -25px 0px 0px 0px;
       position: relative;
}

.counter p {
       position: relative;
       float: right;
       margin: 42px 20px 0px 0px;
       letter-spacing: .96em;
       color: #333;
       font: 20px Arial, Helvetica, sans-serif;
}

.recommend {
       width: auto;
}

/* INTERIOR PAGE STYLES */
.pwp_left {
       width: 280px;
       float: left;
       margin: 20px;
}

.pwp_left img {
       margin: 15px 0px;
}

.pwp_intcounter {
       width: 526px;
       height: 113px;
       background: url(/resources/images/rewards/purpose/counter_bg.png) no-repeat 0 0;
       margin: 20px 0px 30px 0px;
}

.pwp_intcounter p {  
       position: relative;  
       float: right;
       margin: 47px 10px 0px 0px;
       font-size: 45px;
       letter-spacing: .755em;
       color: #666666;
}

.pwp_right {
       margin: 20px 0px 20px 20px;
       width: 550px;
       float: left;
       font: 16px Arial, Helvetica, sans-serif;
       line-height: 24px;
       color: #666666;
}
.pwp_description{
       margin-top: 30px;
}
.pwp_description p{
       
       font: 16px Arial, Helvetica, sans-serif;
       color: #666666;
       line-height:25px;
       
}


.share_msg{
       background: url("/resources/images/rewards/purpose/share_pts_title.png") no-repeat scroll 0 0 transparent;
       position: relative;
    top: 10px;   
    width: 250px;
    height: 65px;    
}

.login_msg{
       background: url("/resources/images/rewards/purpose/title_login.png") no-repeat scroll 0 0 transparent;
       position: relative;
    top: 10px; 
    left:20px;  
    width: 250px;
    height: 50px;
}

.thank_you_msg{
       background: url("/resources/images/rewards/purpose/title_share.png") no-repeat scroll 0 0 transparent;
       position: relative;
    top: 10px; 
    left: -20px;  
    width: 300px;
    height: 50px;
}

.button {
       padding: 0px 0px 0px 25px;
}

.share_via_social_media{
       top:10px;     
       position: relative;
       z-index: 1;
       
}

.share_badge{
       background: url("/resources/images/rewards/purpose/badge_percspurpose_thumb.jpg") no-repeat scroll 0 0;
       position: relative;
    top: 70px;          
    width: 300px;
    height: 300px;
    left: -10px;
    z-index: 1;
}
.share_social_msg{
       background: url("/resources/images/rewards/purpose/social_media.png") no-repeat scroll 0 0;
       position: relative;  
    width: 280px;
    height: 20px;
    
}

.share_more_points{
       float: left;
       position: relative;
       top: 40px;
       left: -10px;
       width: 100px;
    height: 50px;
    z-index: 1;
}

.goto_main_page{
       float: left;
       position: relative;        
       left: 30px;
       top: 40px;
       width: 100px;
    height: 50px;
    z-index: 1;
}

.download_badge{     
       position: relative;
       top: 10px;    
    left: -14px;       
    width: 280px;
    height: 20px;    
}

.share_social_fb,.share_social_tw,.share_social_in,.share_social_gp{ 
       padding-right: 10px; 
}

.hide{
       display: none;
}

.perc_app {
background-color: #9B9B9B;
margin-top: 3%;
}
.clearfix {
float: none;
clear: both;
}
#app_left {
width: 40%;
float: left;
}
#app_right {
width: 50%;
float: left;
padding: 2%;
margin-left: 5%;
color: white;
}
#app_first {
font-size: 20px;
}
#app_middle {
font-size: 40px;
}
#app_last {
font-size: 20px;
}
#app_buttons_left {
margin-top: 15px;
float: left;
width: 45%;
}
#app_buttons_right {
float: left;
width: 45%;
margin-top: 15px;
margin-left: 2%;
}
.perc_questions {
background-color: #00387B;
padding: 10px;
}
#perc_quescontent {
display: inline-block;
width: 45%;
}
#perc_questionmark {
width: 25%;
display: inline-block;
margin-left: 19%;
}
#perc_quescontent P {
color: #00A8D9;
font-size: 16px;
text-align: left;
}
#perc_quescontent span {
color: #00A8D9;
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) { /* Styles */

	.charity {
	       float: none !important;
	       width: 288px;
	       z-index: 1;
	       position: relative;
	}
	.charity_ipad_sec{
		display: inline-block;
	}
	.charity_ipad{
		display: inline-block;
		margin-right: 26%;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : portrait) { /* Styles */
	#app_buttons_right{
		  margin-left: 5%;
	}
	#app_right{
		margin-left: 6%;
	}
	#perc_questionmark{
		margin-left: 17%;
	}
	#perc_quescontent{
		margin-left: 5%;
	}
}

@media only screen and (max-width: 767px){
#perc_quescontent {
	width: 97%;
}

#perc_quescontent P {
	color: #00A8D9;
	margin-left: 4%;
	margin-top: 4px;
	font-size: 16px;
}
	
#app_left img {
width: 106%;
/* margin-left: -9px; */
}
#app_right {
/* margin-left: 16%; */
color: white;
}
#app_left {
width: 30%;
}

}
@media screen and (max-width: 650px){
	.charity{
		margin-left: 9% !important;
		margin-top:3%;
	}
       .pwp_logo, .pwp_header_text{
              width: 100%;
              float:none;
       }
body {
       padding: 0 !important;
}

.recommend {
       width: 100%;
}
.pwp_main {
background-color: white;
/* margin-top: -8%; */
/* padding: 9%; */
border-radius: 10px;
margin-bottom: -1%;
}
}

@media (max-width: 480px){
	.charity{
		margin-left: 8%;
		margin-top:3%;
	}
	#bkg_wrapper{
	width:100%;
	}
#perc_questionmark {
width: 80%;
}
#app_left {
width: 100%;
text-align: center;
}
#app_right {
width: 100%;
padding: 2%;
}
#app_first {
font-size: 20px;
margin-left: -3%;
}
#app_last {
font-size: 20px;
margin-left: -4%;
}
#app_middle {
font-size: 40px;
margin-left: -4%;
}
#app_buttons_right {
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0%;
}
#app_buttons_left {
margin-top: 15px;
float: left;
width: 100%;
}
#app_buttons_right img,#app_buttons_left img{
	width: 87%;
}
}

@media screen and (max-width: 384px){
#app_left {
/* width: 40%; */
float: left;
}
#app_right {
/* width: 50%; */
float: left;
padding: 2%;
margin-left: 5%;
}
#perc_questionmark {
margin-left: 4px;
}
#perc_quescontent P {
margin-left: 0px;
font-size: 15px;
}

}
@media screen and (max-width: 320px) {
	.pwp_main {
		background-color: white;
		/* margin-top: -8%; */
		padding: 3%;
		border-radius: 10px;
		margin-bottom: -4%;
	}
	.charity{
		margin-left: 0% !important;
		margin-top:3%;
	}
       
       }