
.heartify_wrapper {
	overflow: auto;
}

.heartify_wrapper .cta {
	background: #000;
	color: #fff;
	display: block;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	text-indent: -1000em;
	cursor: pointer;
}

.heartify_wrapper .cta:hover {
    color: #fff;
}

.heartify_wrapper p { color: #000; font-weight: bold; margin: 10px 0; text-align: center; font-size: 14px; }
.heartify_wrapper span { color: #999; display: block; float: left; margin: 10px 0 0; font-size: 10px; }
.heartify_wrapper .enabled { background: #ff339a !important; color: #fff; cursor: pointer; }
.heartify_wrapper .disabled { background: #ccc !important; cursor: default !important; }
.heartify_wrapper span.disabled { background: none !important; color: #ff339a !important; }

/* The hidden form div we are displaying */
.heartify_wrapper > div { display: none; }
.heartify_wrapper > div textarea { background: #FFFFFF; border: 1px solid #CCCCCC; color: #000000; height: 30px; width: 97%; resize: none; border-radius: 4px;  }
.heartify_wrapper > div input[type="submit"] { background: #ccc; border: 0; color: #fff; float: right; font-weight: bold; margin: 10px 0 0; padding: 4px 13px 6px; font-size: 14px; }
.heartify_wrapper > div input[type="submit"] { 
	-webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
            border-radius: 4px;
}
.heartify_wrapper > div input[type="submit"].enabled:hover { background: #000000 !important; }

/* results div */
.results {
	border: 1px solid red;
	float: left;
	width: 30%;	
}

.results p {
	border: 1px solid blue;
}
