﻿.clear {
	clear: both;
}

body 
{
    background: #d1dee9 url('/images/pitf/background.gif');
    text-align: center;
    font-family: Georgia, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: #4d6a86;
    font-weight: bold;
}

a 
{
    color: #94510a;
}

/***** MAIN CONTAINER *****/

#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:700px;
	top: 57px;
}

#container_top {
	background-image: url(/images/pitf/form_bounds_top.gif);
	background-repeat: no-repeat;
	height: 63px;;
}

#container_body {
	background-image: url(/images/pitf/form_bounds_body.gif);
	background-repeat: repeat-y;
	padding:37px 60px 0px 50px;
}

#container_bottom {
	background-image: url(/images/pitf/form_bounds_bottom.gif);
	background-repeat: no-repeat;
	height: 63px;
}

/***** HEADER *****/

#header 
{
    /*position: absolute;
    left: -31px;
    top: 0px;
    z-index: 9999;*/
    margin-top: -45px;
}

#logo 
{
	float: left;
}

#logo a
{
    display: block;
    background: url('/images/pitf/luckyleaf_logo.gif') no-repeat;
    width: 278px;
    height: 134px;
    text-indent: -999em;
}

/***** TITLE *****/

#title 
{
   /* position: absolute;   
    z-index: 99999;
    top: -7px;
    left: 315px;*/
   float: left;
   position: relative;
   top: 23px;
}

#title h1 
{
    display: block;
    width: 286px;
    height: 56px;
    background: url('/images/pitf/pitf_title.gif') no-repeat; 
    text-indent: -999em;
    margin: 0;  
}

/***** MAIN BODY *****/

#main_body 
{
    width: 590px;
    background: url('/images/pitf/form_bounds_bottom.gif') no-repeat left bottom;
    position: absolute;
    top: 95px;
    z-index: 999; 
    padding: 35px 60px 30px 50px; 
}

#PanelSendForm 
{
    width: 590px; 
    clear: both; 
    margin-top: 151px; 
}

#throw_facebook_link {
    
}

h2 
{
    color: #94510a;
    font-size: 22px;
    clear: both;
}

h2#thank_you_header
{
    margin-top: 151px;
}

h3 
{
    color: #94510a;
    font-size: 14px;
    margin-top: 20px;
}

span.send_pie_label 
{
    color: #94510a;
}

table 
{
    /*margin: 20px auto 0;*/
    margin: 20px 0 0 51px;
}

table tr td 
{
    position: relative;
}

table td.newsletter 
{
    padding: 0 0 16px 0;
}

table.recipe_selection 
{
    margin: 0 0 0 0;   
}

input.text_field 
{
    width: 300px;
    margin: 0 0 7px 0;
}

select.text_field 
{
    margin: 0 0 7px 0;   
}

ul li 
{
    margin: 0 0 8px 0;
}

#SendPieButton 
{
    display: block;
    width: 180px;
    height: 181px;
    background: url('/images/pitf/throw_button.gif') no-repeat;  
    text-indent: -999em;
    position: absolute;
	bottom: -5px;
	right: -25px;
}

#ThrowOnFacebook {
    background: url('/images/pitf/throw_facebook_link.gif') no-repeat;
    text-indent: -999em;
    width: 189px;
    height: 114px;
    display:block;
    position:absolute;
    right: 40px;
    top: 350px;
}

.uidshidden {
	display: none;
}

/***** FOOTER *****/

#footer_form 
{
    position: relative;
    top: 60px;
    left: -159px;
}

#copyright_form
{
    font-size: 10px;
    font-weight: normal;
    padding-left: 30px;
}

#footer 
{
    position: absolute;
    bottom: -32px;
}

#copyright 
{
    font-size: 10px;
    font-weight: normal;
}

/***** THANK YOU *****/

#thank_you 
{
    position: absolute;
    right: -51px;
    top: -100px;
}

#more_recipes_button 
{
    display: block;
    width: 250px;
    height: 205px;
    background: url('/images/pitf/return_button.gif') no-repeat;
    text-indent: -999em;  
}

#throw_again_button 
{
    display: block;
    width: 250px;
    height: 205px;
    background: url('/images/pitf/throw_again_button.gif') no-repeat;
    text-indent: -999em;  
}

table.decision 
{
    
}

table.decision td.left
{
    padding-right: 10px;
}

table.decision td.right
{
    padding-left: 10px;
    border-left: 1px solid #4C6A86;
}

/** facebook stuff **/
#friend_selector {
	height: 300px;
	overflow: auto;
}

#friend_selector ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
}

#friend_selector ul li {
	float: left;
	overflow: hidden;
	width: 140px;
}

#friend_selector a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}

#friend_selector .square {
	background-color:#FFFFFF;
	background-position:2px 2px;
	background-repeat:no-repeat;
	border:1px solid #E0E0E0;
	display:block;
	float:left;
	height:50px;
	margin-right:5px;
	padding:2px;
	width:50px;
	z-index:1;
}

#friend_selector .square  span {
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	height:50px;
	width:50px;
}

#friend_selector li.selected .square  span {
	background-image: url(http://b.static.ak.fbcdn.net/rsrc.php/z4JHI/hash/qthasa9h.gif);
}

#friend_selector strong {
	display: block;
	float: left;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	width: 68px;
	margin-top: 2px;
}