@import url("/stylesheets/whitespace-reset.css");

* { outline: none; }

body {
	font-family: Arial, Helvetica, Serif;
	font-size: 12px;
	background: #333; }

#spendly_online {
	width: 480px;
	padding: 140px 10px 10px 10px;
	margin: 40px auto 20px auto;
	-webkit-border-radius: 5px;
	background: #F6B82E url("/images/logo_spendly-online.jpg") no-repeat 0 0; }
	#spendly_online h1 { display: none; }
	#spendly_online p#about {
		background: #FDEDCB;
		padding: 10px;
		color: #3D2D0A;
		line-height: 150%;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px; }
	#spendly_online form {
		background: #FFF;
		padding: 10px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px; }
		#spendly_online form fieldset {
			background: #F6B82E;
			padding: 10px;
			border: none;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			margin: 0 0 10px 0; }
			#spendly_online form fieldset input {
				border: 1px solid #B58415;
				font-family: Georgia, Serif;
				font-size: 24px;
				font-style: italic;
				color: #666666;
				text-align: center;
				display: block;
				padding: 5px 0;
				width: 438px;
				margin: 0 0 10px 0;
				background: #FFF url("/images/bg_field.gif") repeat-x 0 0;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4); }
			#spendly_online form fieldset a#btn_sign-up {
				display: block;
				margin: 0 auto;
				height: 28px;
				width: 120px;
				text-indent: -5000px;
				background: transparent url("/images/btn_sign-up.gif") no-repeat 0 0; }
			#spendly_online form fieldset a#btn_sign-up:hover { background-position: 0 -30px; }
			#spendly_online form fieldset a#btn_sign-up:active { background-position: 0 -60px; }
		#spendly_online form small {
			font-size: 11px;
			color: #666;
			line-height: 150%;
			display: block;
			text-align: center; }

#spendly_touch {
	width: 340px;
	margin: 0 auto;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	border-top: 1px solid #222;
	padding: 15px 20px 15px 140px;
	background: #292929 url("/images/bg_spendly-touch.png") no-repeat 0 50%; }
	#spendly_touch h2 {
		font-size: 22px;
		color: #FFF; }
		#spendly_touch h2 strong {
			color: #F6B82E;
			font-weight: normal; }
	#spendly_touch p {
		margin: 5px 0 0 0;
		color: #FFF; }
		#spendly_touch p a {
			display: block;
			float: left;
			margin: 5px 10px 0 0;
			height: 20px;
			text-indent: -5000px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: 0 0; }
		#spendly_touch p a:hover { background-position: 0 -30px; }
		#spendly_touch p a:active {background-position: 0 -60px; }

		#spendly_touch p a#btn_learn-more {
			width: 119px;
			background-image: url("/images/btn_learn-more.gif"); }
		#spendly_touch p a#btn_app-store {
			width: 139px;
			background-image: url("/images/btn_view-in-the-app-store.gif"); }

#spendly_more {
	width: 500px;
	margin: 20px auto;
	color: #FFF;
	text-align: center; }
	#spendly_more p { }
		#spendly_more p a {
			color: #F6B82E;
			font-weight: bold;
			text-decoration: underline; }
		#spendly_more p a:hover {
			color: #000; }
		#spendly_more p a:active {
			color: #666; }