body
{
	font-family: Helvetica, Arial, sans-serif;
	background-color: #dbe1ed;
	margin: 0 0 0 0;
	padding: 0;
	overflow: scroll;
	overflow-x: hidden;
}

a:active {
  outline: none;
}



form
{
	margin: 0;
	padding: 0;
}

#iphone_message {display: none;}

#the_form
{
	height: 170px;
	width: 100%;
	background-image: url(http://static.appft.com/images/appforthat.png);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 0px;
	background-position: 0 -228px;
}

div#ads
{
	width: 150px;
	height: 100px;
	position: absolute;
	top: 10px;
	left: 336px;
	background-image: url(http://static.appft.com/images/about.png);
	background-repeat: no-repeat;
	background-position: -363px -252px;
}

div#ads img {border: none;}

#form_fields
{
	width: 465px;
	height: 148px;
	background-image: url(http://static.appft.com/images/appforthat.png);
	position: relative;
	background-repeat: no-repeat;
	margin: 5px auto 0 auto;
	background-position: -147px 10px;

}

#submit_message
{
	width: 308px;
	height: 85px;
	position: absolute;
	top: 20px;
	left: 10px;
}

#submit_name
{
	width: 308px;
	height: 60px;
	position: absolute;
	top: 123px;
	left: 10px;

}

#submit
{
	width: 130px;
	height: 31px;
	background-image: url(http://static.appft.com/images/appforthat.png);
	background-position: 0 -107px;
	position: absolute;
	top: 119px;
	left: 336px;
	cursor: pointer;
}

#submit:hover { background-position: 0 -138px; }

textarea#form_message
{
	width: 308px;
	height: 82px;
	border: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #858585;
	resize: none;
	background-color: transparent;

}

textarea#form_message:focus, input#form_name { outline: none; }

input#form_name
{
	width: 308px;
	height: 19px;
	border: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #858585;
	padding-top: 2px;
	background-color: transparent;

}

div#bubble_wrapper
{
	width: 465px;
	margin: 0px auto 195px auto;
	padding-top: 80px;
}

div.bubble
{
	width: 415px;
	background-image: url(http://static.appft.com/images/bubble.png);
	background-repeat: repeat-y;
	background-position: -1660px 0;
	margin-top: 20px;
}

div.bubble.green
{
	background-image: url(http://static.appft.com/images/bubble.png);
	margin-left: 50px;
	background-position: -2075px 0;
}	

div.load_more
{
	width: 415px;
	margin-top: 30px;
	height: 23px;
	line-height: 23px;
}

div.load_more a
{
	position: absolute;
	left: 50%;
	background-image: url(http://static.appft.com/images/appforthat.png);
	background-repeat: no-repeat;
	width: 19px;
	height: 23px;
	margin-left: -10px;
	text-indent: -5000px;
	background-position: -147px -144px;
}

div#info
{
	bottom: 180px;
	width: 465px;
	position: fixed;
	height: 18px;
	margin: 0 auto 0 auto;
	 outline: none;

}

div#info a
{
	background-image: url(http://static.appft.com/images/appforthat.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	background-position: -173px -147px;
	text-indent: -5000px;
	display: block;
	float: right;
	outline: none;

}


div.message
{
	width: 415px;
	background-image: url(http://static.appft.com/images/bubble.png);
	background-repeat: no-repeat;
	padding-top: 15px;
}

div.bubble.green div.message
{
	background-image: url(http://static.appft.com/images/bubble.png);
	background-position: -1245px 0;
}

div.stats
{
	padding-top: 15px;
	padding-left: 10px;
	text-align: center;
}

div.bubble.green div.stats
{
	padding-left: 0px;
	padding-right: 50px;
}

div.stats p
{
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	color: #868686;
	font-weight: bold;
}

div.stats p a {
	color: #868686;
	text-decoration: none;
}

div.stats p a:hover {
	color: #868686;
	text-decoration: underline;
}

		div.message div.text
		{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 30px;
			line-height: 34px;
			padding: 0 25px 35px 40px;
			margin: 0;
			background-image: url(http://static.appft.com/images/bubble.png);
			background-repeat: no-repeat;
			background-position: -415px bottom;
			position: relative;
		}

		div.bubble.green div.message  div.text
		{
			padding: 0 35px 25px 30px;
			background-image: url(http://static.appft.com/images/bubble.png);
			background-position: -830px bottom;
		}
		
		div#ie6 p { margin: 0 0 .5em 0; text-align: center;}
		
		div#ie6 p a {color: black; font-weight: bold; text-decoration: none;}
		
	 	
		
	div.rate-share
	{
		position: absolute;
		width: 123px;
		height: 19px;
		background-image: url(http://static.appft.com/images/rate.png);
		background-repeat: no-repeat;
		background-position: 80px 0px;
		bottom: 6px;
		left: 288px;
	}
	
	ul.rate
	{
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		width: 70px;
		height: 14px;

	}

	ul.rate:hover
	{
		background-image: url(http://static.appft.com/images/rate.png);
		background-position: -70px -15px;
		background-repeat: no-repeat;
	}	
	
	li a
	{
		width:13px; height:13px;
		background-repeat: no-repeat;
		text-indent: -2000px;
		display: block;
	}

	li.plus, li.minus {width: 13px; height: 13px; position: absolute; top: 2px;}

	li.plus { left: 35px;}
	
	li.minus {left: 58px;}
	
	li.plus a { background-image: url(http://static.appft.com/images/rate.png); background-position: 0px -19px;}
	li.plus a:hover { background-position: -13px -19px; } 

	li.minus a { background-image: url(http://static.appft.com/images/rate.png); background-position: -26px -19px;}
	li.minus a:hover { background-position: -39px -19px; } 

	div.share {width:44px; height:27px; position: absolute; top: 0px; left: 80px;}
	
	div.share a#arrow
	{
		margin-left: 7px;
		width: 18px;
		height: 38px;
		text-indent: -2000px;
		display: block;
		background-image: url(http://static.appft.com/images/rate.png);
		background-position: -52px -19px;
		background-repeat: no-repeat;
	}
	
	div.share:hover div.popup { 
		display: block;
	}
	
	div.popup { 
		width: 93px; 
		height: 156px; 
		position: absolute; 
		left: 0px; 
		bottom: 0px; 
		z-index: 2000;
		display: none;
	}
		
	div.popup ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div.popup ul li {margin: 0; padding: 0; display: block; float: left; clear: left;}
	
	div.popup li a
	{
		width: 93px;
		display: block;
		text-indent: -2000px;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;

	}

	li.twitter {height: 33px;}
	li.twitter a { background-image: url(http://static.appft.com/images/sharepopup.png); background-position: 0px 0px;  height: 33px;}
	li.twitter a:hover {background-position: -93px 0px;}
	
	li.facebook {height: 30px;}
	li.facebook a { background-image: url(http://static.appft.com/images/sharepopup.png); 
	background-position: 0px -33px;  height: 30px;} 
	li.facebook a:hover { background-position: -93px -33px;} 

	li.link {height: 30px;}
	li.link a { background-image: url(http://static.appft.com/images/sharepopup.png); 	background-position: 0px -63px;  height: 30px;} 
	li.link a:hover { background-position: -93px -63px; }

	li.email {height: 30px;}
	li.email a { background-image: url(http://static.appft.com/images/sharepopup.png); 	background-position: 0px -93px;  height: 30px;} 
	li.email a:hover { background-position: -93px -93px; }

	li.share_title {
		height: 33px;
		width: 93px;
		background-image: url(http://static.appft.com/images/sharepopup.png);
		background-position: -93px -123px;
		background-repeat: no-repeat;
		text-indent: -2000px;
	}
			
	
	div#bar
	{
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 58px;
		background-image: url(http://static.appft.com/images/appforthat.png);
		background-repeat: repeat-x;
		z-index: 1000;
		background-position: 0 -170px;
	}
	
	div#bar_buttons
	{
		width: 465px;
		position: relative;
		height: 58px;
		margin: 0 auto;
	}
	
	div#bar_nerduo
	{
		width: 88px;
		height: 41px;
		position: absolute;
		left: 0;
		top: 10px;
	}
	
	div#bar_nerduo a
	{
		display: block;
		height: 41px;
		width: 88px;
		text-indent: -9999px;
		background-image: url(http://static.appft.com/images/appforthat.png);
		background-repeat: no-repeat;
	}
	
	div#bar_nerduo a:hover { background-position: 0 -41px; }

	div#bar_share
	{
		height: 41px;
		width: 43px;
		position: absolute;
		right: 0;
		top: 10px;
	}

	div#bar_share a
	{
		display: block;
		height: 41px;
		width: 43px;
		text-indent: -9999px;
		background-image: url(http://static.appft.com/images/appforthat.png);
		background-repeat: no-repeat;
		background-position: -88px 0;
	}
	
	div#bar_share a:hover { background-position: -88px -41px; }
	
	h1
	{
		height: 24px;
		width: 147px;
		position: absolute;
		margin: 0;
		top: 19px;
		left: 165px;
	}
	
	h1 a
	{
		display: block;
		height: 24px;
		width: 147px;
		text-indent: -9999px;
		background-image: url(http://static.appft.com/images/appforthat.png);
		background-repeat: no-repeat;
		background-position: 0 -83px;
	}
	
	
	div.dialog
	{
		background-image: url(http://static.appft.com/images/about.png);
		background-repeat: no-repeat;
		width: 356px;
		height: 360px;
		text-align: center;
		padding-top: 23px;
		color: white;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-left: -178px;
		margin-top: -230px;
		z-index: 3000;
		display: none;
	}
	
/*
	div#bar_links {display: block;}
*/
		
	div.dialog li a
	{
		text-indent: 0;
		display: block;
		width: 100%;
		text-align: center;
		padding: 0 0 18px 0;
		font-weight: bold;
	}
	
	div.dialog ul {list-style: none; padding: 0; margin-top: 1em; font-size: 22px;}
	
	div.dialog h2, div.dialog h3, div.dialog p, div.dialog li {font-size: 20px; line-height: 27px; text-shadow: 0px -2px #161829;}
	div.dialog h2 {margin: 0; font-size: 22px;}
	
	div.dialog h3 {margin-bottom: 0;}
	div.dialog p {margin-top: 0;}

	
	div.dialog a {color: white; text-decoration: none;}
	div.dialog a:hover { text-decoration: underline; }
	
	
	div.ok {width: 159px; position: absolute; top: 280px; left: 98px;}
	
	div.ok a
	{
		display: block;
		width: 159px;
		height: 54px;
		background-image: url(http://static.appft.com/images/about.png);
		background-position: -356px 0px;
		text-indent: -9000px;
	}
	
	div.ok a:hover
	{
		background-position: -356px -54px;
	}