/* -------------------------- */
/* ----- Global Styles ------ */
/* -------------------------- */
a {
	color: #fff;
}

#prizes a {
    color: #013D6B;
}

#prizes ul#prizes_2 a,
#prizes #global_nav a {
    color: #fff !important;
}

#leaf {
    position: absolute;
    top: 0;
    left: -47px;
}

body {
    background: #63be45 url(../images/bg_body.jpg) repeat-x top left;;
    font-family: verdana, sans-serif;
    font-size: 13px;
    color: #fff;
}

p {
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 10px;
}

hr {
    display: none;
}

img {
    border: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup {
	font-size: 9px;
	
}

/* -------------------------- */
/* ---- Container styles ---- */
/* -------------------------- */

div#container {
    background: url(../images/bg_inky_janky_taf_thanks.jpg) no-repeat left top;; 
    margin: 0 auto;
    width: 959px;
    min-height: 575px;
    height: auto !important;
    height: 575px;
    padding-left: 30px;
    position: relative;
}

    div#container p {
        width: 355px;
        line-height: 1;
    }
    
.info div#container,
#code_entry div#container {
	min-height: 575px;
    height: auto !important;
    height: 575px;
}    

#viral div#container {
    background: url(../images/bg_taf_share.jpg) no-repeat left top;; 
}

#game div#container {
    background: url(../images/bg_game.jpg) no-repeat left top;
    min-height: 630px;
        height: auto !important;
    height: 630px;
}

#registration div#container {
    background: url(../images/bg_inky_janky_taf_thanks.jpg) no-repeat left top;; 
}

#janky #col_1 {
    position: relative;
}

#inky #col_1 p {
    font-size: 12px;
}

#sparkle_coupon {
    position: absolute;
    top: 475px;
    left: 0;
}

#registration.adventure div#container {
    background: url(../images/bg_reg.jpg) no-repeat left top;; 
}

	#col_1 {
		float: left;
		width: 388px;
	}
	
	#viral #col_1 {
	   width: 397px;
	}
	
		#col_1 #intro_login_form {
			padding: 0;
		}
	
	#col_2 {
		float: left;
		width: 264px;
	}
	
	#viral #col_2 {
	   padding-top: 238px;
	   padding-left: 62px;
	   width: 469px;
	}
	
    #viral_thanks #col_2,
	#viral_no_thanks #col_2 {
	   padding-left:269px;
        padding-top:364px;
    }
    
    #col_2.aff_link {
        position: absolute;
        top: 365px;
        left: 691px;
    }

	   #viral_col {
	       height: 233px;
	   }
	   
	   .viral_tri_col {
	       width: 125px;
	       float: left;
	       padding-left: 5px;
	       border-left: 1px dashed #fff;
	   }
	   
	   .viral_tri_col label {
	       display: block;
	       color: #013d6b;
	   }
	   
        .viral_tri_col input {
            width: 114px;
        }
        
        #to_name1,
        #to_name2,
        #to_name3 {
            padding-bottom: 10px;
        }
	
	#registration #col_2,
	#inky #col_2,
	#janky #col_2,
    #profile_update_thanks #col_2 {
		margin-left: 269px;
	}
	
	#reg_form_col {
		height: 474px;
		position: relative;
	}
	
    #fs_code_entry {
    
	}
	
	#code_entry #col_2 {
	   padding-left: 270px;
	}

    #whats_this {
		background: url(../images/coupon_whats_this.png) no-repeat left top;
 		height: 155px; 
		display: block;
		overflow: hidden;
		width: 258px;
		position: relative;
    }
    
    a#whats_this_link {
        position: absolute;
        width: 73px;
        top: 128px;
        left: 181px;
    }
	
	#fs_code_entry label {
		       display: block;
	}
	
    #code_entry #bag_code input {
        width: 247px;
        margin-bottom: 20px;
    }
	
	#fs_code_entry #bag_code input {
		width: 255px;
		}

#prizes div#container {
    background: url(../images/bg_prize_page.jpg) no-repeat left top;
    padding: 215px 0 0 560px;
    width: 390px;
    min-height: 300px;
    height:auto !important;
    height: 300px;
}

    #begin_now {
        position: absolute;
        left:325px;
        top: 421px;
    }
    
    ul#prizes_list {
        height: 204px;
        color: #013d6b;
        list-style-type: disc;
        list-style-position: inside;
    }
    
    #prizes #container ul {
        list-style-type: disc;
        list-style-position: outside;
        margin-top: 10px;
    }
    
        #prizes #container ul li {
            padding-bottom: 10px;
            margin-left: 15px;
        }
        
        #prizes #container ul li {
            list-style-type: square;
        }
        
        
        #prizes #intro_prize_pool_form {
            padding: 0;
            margin: 0;
        }

#intro div#container {
    background: url(../images/bg_intro.jpg) no-repeat left top;; 
}

	#intro_prize_pool_form {
		padding: 465px 0 0 36px;
	}
	
		#intro_prize_pool_form #skip_to_chance {
			margin-top: 10px;
			margin-left: 112px;
			margin-right: 232px;
		}
		
#viral div#container {
    background: url(../images/bg_taf_share.jpg) no-repeat left top;
}		

#no_flash_link {
    position: absolute;
    top: 0;
    right: 0;
}

#intro_stars {
    position: absolute;
    left: 541px;
    top: 332px;
}

#intro_button_stars {
    position: absolute;
    left: 586px;
    top: 542px;
    cursor: pointer;
}

#win_button_stars {
    position: absolute;
    left: 687px;
    top: 474px;
    cursor: pointer;
}


#intro_up {
    position: absolute;
    left: 541px;
    top: 223px;
}

#intro_culinary_btn {
	margin-top: 20px;
}

#intro_click_here {
	display: block;
	position: absolute;
	top: 508px;
	left: 677px;
}

#intro_click_here img {
	width: 54px;
	height: 14px;
}

#viral_header #fb_pic {
	display: none;
}

#post_to_own_wall {
	padding: 10px 0 0 283px;
}

.friendbox img {
	float: left;
	margin-right: 4px;
	border: 1px solid #82caff;
}

#facebookConnectSection #name {
	float: left;
	color: #000;
	font-family: Times;
	font-size: 13px;
}



/* -------------------------- */
/* ----- Headline styles ---- */
/* -------------------------- */

h1 {
    height: 0;
    text-indent: -2000px;
    overflow: hidden;
}

h2 {
    color: #8210D2;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 28px;
    font-weight: bold;
    padding:238px 0 20px 0;
}

#inky h2 {
    padding-bottom: 3px;
}

h3 {
    color: #999;
    font-size: 18px;
    font-weight: bold;
    padding:0 0 5px 0;
}

/* -------------------------- */
/* ----- Footer styles ------ */
/* -------------------------- */

div#global_nav {
    margin: 0 auto;
    width: 990px;    
    clear: left;
    padding-top: 30px;
    padding-left: 128px;
    text-transform: uppercase;
}

#registration div#global_nav {
    padding-left: 0;
    padding-top: 50px;
}
    div#global_nav ul {
        float:left;
    }

        div#global_nav li {
        	font-size: 10px;
            display: inline;
            padding-right: 10px;
            margin-right: 10px;
            border-right: 1px solid #fff;
        }
        
        div#global_nav li.last_nav_item {
            border-right: none;
        }
    
    div#global_nav p {
        float:right;
        font-size: 10px;
        padding-bottom: 20px;
        width: 700px;        
    }

/* -------------------------- */
/* ------ Modal styles ------ */
/* -------------------------- */

#remote_content h2 {
    padding-top: 0;
    font-size: 16px;
    color: #013D6B;
}

#remote_content p {
	width:587px !important;
}

body#where_code {
    background-color: #1ab6ff;
    background-image: none;
    padding: 20px;
}

body#where_code h2 {
    padding-top: 0;
    
}

body#where_code ol {
    margin-bottom: 15px;   
}

body#where_code p {
    width: auto;
}

body#where_code li {
    margin-left: 20px;
    padding-bottom: 5px;   
}

body#modal {
    margin: 10px;
    padding: 10px;
    background-image: none;
}

body#modal h2 {
    padding: 0 0 8px 0;
    color: #1C507C;
    font-size: 20px;
}

#modal div#container {
    width: auto;    
    background-image: none;
}
    
    #modal div#container #content {
        background-color: transparent;
        padding: 0;
    }
    
        #modal div#container h1 {
            font-size: 30px;
        }
        
        #modal div#container div#main {
            padding: 10px;
        }
        
            #modal div#container div#main h2 {
                font-size: 20px;
            }
            
    #modal dl#faq_body_copy {
        font-size: 13px;
        line-height: 18px;
        padding-left: 20px;        
    }
        
        #modal dl#faq_body_copy dt:first-letter {
            margin-left: -20px;
            font-weight: bold;
        }

        #modal dl#faq_body_copy dd:first-letter {
            margin-left: -20px;
            font-weight: bold;
        }

        #modal dl#faq_body_copy dt {
            font-weight: bold;        
            padding-bottom: 3px;
        }
        
        #modal dl#faq_body_copy dd {
            padding-bottom: 20px;
        }

/* fb styles */
    #facebook div#container {
        background: url(../images/bg_container_fb.jpg) no-repeat;
    }

        #facebookConnectSection {
            width: 460px;
            height:160px;
            overflow: auto;
            position: relative;
        }
        #facebookConnectSection .friendbox {
            float: left;
            width: 145px;
            position: relative;
        }
        #facebookConnectSection .friendbox_selected {
            font-weight:bold;
            background-color: #78D2F5;
        }
        #facebookConnectSection .friendbox .FB_name {
            display: block;
            font-size: 12px;
            left: 60px;
            position: absolute;
            top:5px;
            width: 77px;
        }

        #fb_post {
			background-color: #ffffff;
			height:152px;
			padding:3px;
        }
        #self_post_box {
            color: black;
            float: left;
            height: 44px;
            margin-bottom: 10px;
			width: 379px;
        }
        
        #self_post_box textarea {
        	width: 100%;
        }
        
        .fb_title {
			margin-top: 0px;
        	float: left;
        	color: #000;
        	font-weight: bold;
        }
        
        .fb_icon {
            float: left;
            width:57px;
            clear: both;
        }
        
        .fb_icon_logo {
            float: left;
            width:100px;
            clear: both;
        }
        
        .fb_post_desc {
            float: left;
            width: 336px;
        }

        .pad_top {padding-top:10px;}
