﻿/* Clear Fix */
/* Apply the clearfix class to any element which acts as a container for floats. */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display:inline-block;
}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1px;}
/* End hide from IE-mac */ 



/* PNG fix for IE */
* html img.png {behavior: url("Scripts/pngbehavior.htc");}


#contentcontainer {
    margin-bottom:0px;
} *html #contentcontainer {
	margin-bottom:-15px;
} *+html #contentcontainer {
	margin-bottom:-15px;
}

.breadcrumb {
    position:relative;
    z-index:10;
    margin:-5px 0 10px 0;
} *html .breadcrumb {
	margin-top:-12px;
	margin-left:1px;
} *+html .breadcrumb {
	margin-top:-12px;
	margin-left:1px;
}

#header {
	width:760px;
	height:219px;
	background:url(../images/header_bg.jpg) no-repeat top left;
}
	#header h1,
	#header h2 {
		display:none;
		margin:0;
	}

#leftnav {
	float:left;
	display:inline;
	width:175px;
}
	#leftnav ul {
		margin:18px 0 0 0;
		padding:0;
	}
		#leftnav ul li {
			width:152px;
			height:25px;
			margin:0;
			padding:0;
			list-style-type:none;
			float:left;
		}
			#leftnav ul li a {
				display:block;
				width:152px;
				height:24px;
				background:url(../images/leftnav_bg.jpg) no-repeat top left;
			}
				#leftnav ul li a span {
					display:none;
				}
				#leftnav ul li#winners a {
					background-position:0 -161px;
				}
					#landing ul li#winners a,
					#leftnav ul li#winners a:hover {
						background-position:-152px -161px;
					}
				#leftnav ul li#vote a {
					background-position:0 0;
				}
					#vote ul li#vote a,
					#leftnav ul li#vote a:hover {
						background-position:-152px 0;
					}
				#leftnav ul li#tips a {
					background-position:0 -27px;
				}
					#tips ul li#tips a,
					#leftnav ul li#tips a:hover {
						background-position:-152px -27px;
					}
				#leftnav ul li#gertler a {
					background-position:0 -52px;
				}
					#gertler #leftnav ul li#gertler a,
					#leftnav ul li#gertler a:hover {
						background-position:-152px -52px;
					}
				#leftnav ul li#recipes a {
					background-position:0 -77px;
				}
					#recipes #leftnav ul li#recipes a,
					#leftnav ul li#recipes a:hover {
						background-position:-152px -77px;
					}
			#leftnav ul li#cookbook {
				height:34px;
			}
				#leftnav ul li#cookbook a {
					background-position:0 -102px;
					height:33px;
				}
					#cookbook #leftnav ul li#cookbook a,
					#leftnav ul li#cookbook a:hover {
						background-position:-152px -102px;
					}
				#leftnav ul li#rules a {
					background-position:0 -136px;
				}
					#rules #leftnav ul li#rules a,
					#leftnav ul li#rules a:hover {
						background-position:-152px -136px;
					}
				
#callouts {
	float:left;
	margin:13px 0 3px 2px;
}
	.callout {
		position:relative;
		background:url(../images/callout_bg.jpg) no-repeat top left;
		width:159px;
		height:225px;
		padding:7px 12px 0 12px;
		margin-bottom:2px;
	}
		.callout h1 {
			margin:0 0 0 3px;
			padding:0;
			color:#E70022;
			font-size:14px;
			font-weight:bold;
		}
		.callout img {
			margin:3px 0 4px 0;
		}
		.callout p {
			margin:0 6px 0 6px;
			font-size:11px;
		}
		.callout a.button {
			position:absolute;
			text-indent:-9999px;
			bottom:12px;
			right:8px;
			display:inline-block;
			padding:0;
		}
			#gertler a.button {
				background:url(../images/btn_read_bio.gif) no-repeat top left;
				width:92px;
				height:18px;
			}
			#possibilities a.button {
				background:url(../images/btn_view_recipes.gif) no-repeat top left;
				width:107px;
				height:18px;
			}
			#tipscallout a.button {
				background:url(../images/btn_tips_callout.gif) no-repeat top left;
				width:106px;
				height:18px;
			}
			#cookbook a.button {
				background:url(../images/btn_download_now.gif) no-repeat top left;
				width:119px;
				height:18px;
				bottom:10px;
			}

.promotion {
	margin-bottom:15px;
} *html .promotion {
	margin-bottom:30px;
} *+html .promotion {
	margin-bottom:30px;
}
#useupthebox #content-wrapper {
	float:left;
	display:inline;
	width:585px;
	background:#FEE191 url(../images/content_wrapper_bg.jpg) no-repeat top left;
	padding-bottom:11px;
}
#useupthebox #content {
	float:left;
	display:inline;
	background-color:#FFF0C8;
	margin:18px 9px 0 10px;
	padding-bottom:13px;
}
#useupthebox .two-col #content {
	width:371px;
	min-height:475px;	
	margin-top:0;
	background:#FFF0C8 url(../images/content_bg.jpg) no-repeat top left;
} *html #useupthebox .two-col #content {
	height:475px;
}

p {
	margin:0 0 1.0em 0;
	padding:0;
}
	p.official-rules-link {
		margin:0 0 25px 3px;
	}
	#registration-step2 p.official-rules-link {
		margin-top:0;
	}
a.official-rules-link {
	font-weight:bold;
}
a.why-link {
	font-size:0.9em;
	font-weight:bold;
	vertical-align:text-top;
}



/* UUTB landing */
#useupthebox #contestover {
	margin-top:21px;
	width:321px;
	padding:10px 10px 2px 7px;
	background:url("../images/bg_useupboxover.jpg") no-repeat top left;
}
	#useupthebox #contestover img {
		float:left;
		display:inline;
		margin-right:12px;
	}
	#useupthebox #contestover p {
		color:#000000;
		font-size:1.1em;
	}
#useupthebox #contestoverbuttons {
	padding-bottom:19px;
}
#useupthebox #contestoverbuttons img {
	float:left;
	display:inline;
	margin-right:9px;
}
#useupthebox #landing .two-col #content {
	width:341px;
	padding:0 13px 8px 17px;
}
	#useupthebox #landing #content h1 {
		margin:23px 0 10px 0;
		font-size:18px;
		color:#CC0000;
		line-height:20px;
	}
		#useupthebox #landing #content #contestover h1 {
			margin-top:0;
		}
	#useupthebox #landing #content ul {
		margin-bottom:25px;
	}
		#useupthebox #landing #content ul li {
			margin-bottom:5px;
		}

/* UUTB landing - winners */
#landing #intro {
    background:url(../images/intro_bg.jpg) no-repeat top left;
    margin-top:20px;
    padding:4px 10px 0 7px;
    font-size:14px;
}
    #useupthebox #landing #content #intro ul {
        margin:0 0 0 15px;
        padding:0;
    }
        #useupthebox #landing #content #intro ul li {
            margin-bottom:12px;
        }
    #landing #intro p.official-rules-link {
        position:relative;
        z-index:100;
        font-size:11px;
        margin:0 0 -2px 0;
        padding:0;
        text-align:right;
    }
#landing .section {
    position:relative;
    background:url(../images/congrats_border_top.jpg) no-repeat top left;
    float:none;
    width:auto;
    margin:0 -14px 0 -17px;
    padding:14px 14px 0 17px;
}
#landing h2 {
    color:#CC0000;
    font-size:19px;
    padding:3px 0 0 63px;
    min-height:59px;
    margin:0 0 0 -38px;
    position:relative;
    z-index:100;
} *html #landing h2 {
	height:59px;
}
#landing .burst {
    position:absolute;
    top:14px;
    left:-17px;
}
#landing h3 {
    color:#CC0000;
    font-size:13px;
    font-weight:normal;
    margin:0 0 0 2px;
    padding:0;
}
#useupthebox #landing #content ul.recipes {
    list-style-type:none;
    margin:0 0 13px 0;
    padding:0;
}
    #landing ul.recipes li {
        margin:10px 0 0 0;
        padding:0;
    }
        #landing ul.recipes li img {
            border:#FFFFFF 5px solid;
            float:left;
            display:inline;
        }
        #landing ul.recipes li .text {
            margin-left:147px;
        }
            #landing ul.recipes li .text p {
                margin:0;
                padding:0;
            }
                #landing ul.recipes li .text p.recipe-name {
                    color:#CC6600;
                    font-size:12px;
                    padding-top:2px;
                    font-weight:bold;
                }
                #landing ul.recipes li .text p.chef-name {
                    font-size:11px;
                    font-style:italic;
                    color:#706F6C;
                    padding:2px 0 9px 0;
                }
            #landing ul.recipes li .text a.view-recipe-essay {
                text-indent:-9999px;
                width:158px;
                height:21px;
                display:block;
                background:url(../images/btn_view_recipe_essay.gif) no-repeat top left;
            }


/* Registration Steps (1-3) */
#registration-step1 h1 {
	margin:0;
	background:url(../images/h1_step1.gif) no-repeat top left;
	width:566px;
	height:31px;
	font-size:12px;
	text-indent:-9999px;
}
#registration-step2 h1 {
	margin:0;
	background:url(../images/h1_step2.gif) no-repeat top left;
	width:566px;
	height:31px;
	font-size:12px;
	text-indent:-9999px;
}
#registration-step3 h1 {
	margin:0;
	background:url(../images/h1_step3.gif) no-repeat top left;
	width:566px;
	height:31px;
	font-size:12px;
	text-indent:-9999px;
}
#registration-step1 #inner-content,
#registration-step2 #inner-content,
#registration-step3 #inner-content {
	padding:18px 16px 0 16px;
}
#registration-step3 #inner-content #details {
	margin:40px 0 65px 0;
}
.button {
	background:none;
	margin-left:16px;
	padding:0;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
	width:534px;
}
.formrow {
	margin-bottom:11px;
}
.formrow label {
	font-weight:bold;
	display:block;
	margin-bottom:3px;
	margin-left:2px;
}
.formrow p {
	margin-bottom:7px;
}
.formrow span {
	white-space:nowrap;
}
.formrow .formcell {
	float:left;
	display:inline;
	width:50%;
}
.formrow .shortcell {
	width:auto;
}
.formrow .productusedcell {
	width:270px;
}
.formrow .preptimecell {
	width:145px;
}
.formrow .cookingtimecell {
	width:118px;
}
.formrow .servingscell {
	width:66px;
}
.formrow .dobcell {
	width:225px;
}
.formrow p.nospacing {
	margin-bottom:0;
}
.formrow p.wordcount {
	float:right;
	display:inline;
	width:200px;
	text-align:right;
	color:#c4171f;
	margin-right:20px;
	font-size:0.9em;
	margin-bottom:0;
}

.formrow input.text {
	font-size:1em;
	padding-top:2px;
	padding-bottom:2px;
	width:223px;
	border:#7F7F7F 1px solid;
}
	.formrow input.zip {
		width:68px;
	}
	.formrow input.phone {
		width:63px;
	}
	.formrow input.originalname {
		width:320px;
	}
	.formrow select.category,
	.formrow select.productused {
		width:250px;
	}
	.formrow .preptimecell input.text,
	.formrow .cookingtimecell input.text,
	.formrow .servingscell input.text {
		width:61px;
	}
.checkboxrow {
	margin-bottom:5px;
}
.first-checkboxrow {
	margin-top:35px;
}
.checkboxrow input,
.checkboxrow label {
	float:left;
	display:inline;
}
.checkboxrow label {
	width:75%;
	font-weight:normal;
	margin-left:4px;
	margin-top:2px;
} *html .checkboxrow label {
	margin-top:3px;
} *+html .checkboxrow label {
	margin-top:3px;
}
input.checkbox {
	vertical-align:middle;
}
.formrow .statecell {
	margin-right:19px;
	width:136px;
}
.formrow .zipcell {
	width:100px;
}

.formrow textarea {
	width:517px;
	height:84px;
}
.formrow span.note {
	font-weight:bold;
	color:#4c4c4c;
}
table {
	margin-bottom:18px;
	font-size:12px;
}
p.subhead {
	color:#AE1920;
	font-family:georgia,times,sans-serif;
	font-size:13px;
	margin-bottom:3px;
}
	p.subhead a {
		font-family:Arial, Verdana, Sans-Serif;
		font-size:12px;
		margin-left:5px;
	}
table th {
	width:191px;
	padding-right:25px;
	text-align:left;
}


/* Registration Confirmation and Ineligible (Sorry)*/
#useupthebox #confirmation .two-col #content,
#useupthebox #sorry .two-col #content {
	width:317px;
	margin-top:17px;
	padding:0 27px 8px 27px;
	background-image:none;
	background-color:#FFF0C8;
}
#useupthebox #confirmation #content #product-shot,
#useupthebox #sorry #content #product-shot {
	margin:35px 0 16px 11px; 
}
#useupthebox #confirmation #content h1,
#useupthebox #sorry #content h1 {
		font-size:14px;
		font-weight:bold;
		color:#CF0F0D;
		margin:0 0 9px 0;
}


/* Adam Gertler */
#useupthebox #gertler .two-col #content {
	width:345px;
	margin-top:17px;
	padding:0 13px 8px 13px;
	background-image:none;
	background-color:#FFF0C8;
}
	#useupthebox #gertler #content h1 {
		font-size:20px;
		color:#CF0F0D;
		background:url(../images/adam_gertler.jpg) no-repeat left 16px;
		padding:172px 0 0 180px;
		margin:0 0 10px 0;
	}

/* Tips */
#tips #inner-content {
	padding:15px 23px 0 13px;
}
#useupthebox #tips #content h1 {
		font-size:20px;
		color:#CF0F0D;
		margin:0 0 10px 188px;
		padding-top:59px;
	}
#useupthebox #tips #content h2 {
	color:#ae1920;
	margin-bottom:20px;
}
#useupthebox #tips #content li {
	margin-bottom:20px;
}
#useupthebox #tips #content p.intro {
	margin-left:188px;
}
#useupthebox #tips #content img.tipsimg {
	float:left;
	display:inline;
	margin-right:15px;
}
	
/* Recipes */
#useupthebox #recipes #content {
	width:524px;
	padding:0 21px 8px 21px;
}
#recipes #intro {
    margin-bottom:20px;
}
    #recipes #intro h1 {
        float:left;
        display:inline;
        font-size:22px;
        color:#CC0000;
        margin:42px 0 0 10px;
    }
    #recipes #intro p {
        float:left;
        display:inline;
        width:210px;
        margin-left:10px;
    }
    #recipes #intro #product-shot {
        float:right;
        display:inline;
        margin:-18px 0 0 0;
        position:relative;
        z-index:999;
    }
#recipes .recipe-box-row {
	position:relative;
    width:522px;
    min-height:172px;
    margin:0 0 6px 0;
} *html #recipes .recipe-box-row {
    height:172px;
}
#recipes #row1 {
    background:url(../images/recipe_row_bg_row1.jpg) no-repeat top left;
}
#recipes #row2 {
    background:url(../images/recipe_row_bg_row2.jpg) no-repeat top left;
}
#recipes .recipe-box {
    float:left;
    display:inline;
    width:256px;
    padding-top:50px;
}
#recipes .end {
    margin-left:10px;
}
#recipes .box-row-bottom {
    margin-bottom:0px;
} *html #recipes .box-row-bottom {
	margin-bottom:-3px;
} *+html #recipes .box-row-bottom {
	margin-bottom:-3px;
}
#recipes h2 {
    margin:0;
    display:none;
}
#recipes ol {
    margin:0 17px 0 45px;
    padding:0;
}
#recipes ol li {
    margin:0 0 3px 0;
    padding:0;
}
#recipes ol li span {
    color:#DC001A;
}
#recipes ol li a:hover span {
    color:#000000;
}


/* Official Rules (inline page) */
#rules h1 {
	margin:0 0 15px 0;
	padding:48px 0 0 0;	
	color:#CF0F0D;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	background:url(../images/rules_content_bg.jpg) no-repeat top left;
	line-height:18px;
}
#rules #inner-content {
	padding:0 23px;
}


/* Vote */
#useupthebox #vote #content {
	width:566px;
	float:left;
	display:inline;
	background:#FFF0C8 url(../images/vote_content_bg.jpg) no-repeat top left;
	margin:0 9px 0 10px;
	padding-bottom:13px;
}
#useupthebox #vote .two-col #content {
	background:#FFF0C8 url(../images/vote_content_bg_narrow.jpg) no-repeat top left;
	width:566px;
	min-height:auto;
} *html #useupthebox #vote .two-col #content {
	height:auto;
}
#useupthebox #vote #content #inner-content {
	padding:0 25px 0 13px;
} *html #useupthebox #vote #content #inner-content {
	padding-right:0;
}
#useupthebox #vote #content #inner-content h1 {
	color:#CC0000;
	font-weight:bold;
	margin:25px 0 2px 0;
	font-size:1.7em;
}
	#useupthebox #vote #content #inner-content h1 span {
		font-weight:normal;
	}




#vote #content p#landing-intro {
    margin-bottom:20px;
}
#vote #content p#intro {
    margin-bottom:0;
}
#vote #content h2 {
    color:#CC0000;
}
#vote #content h2.category {
    position:relative;
    z-index:0;
    background:url(../images/vote-category-bg.jpg) no-repeat top left;
    margin:0 -13px 5px -13px;
    padding:31px 0 0 13px;
    width:566px;
    height:17px;
}
    #vote #content h2.first-category {
        background:none;
    }
#vote #content p.prizes {
    margin:0;
    font-weight:bold;
}
#vote #content ul.prizes {
    list-style-type:disc;
}
    #vote #content ul#prizes li {
        
    }
#vote #content ul.recipes {
    list-style-type:none;
    margin:0 -13px 0 13px;
    padding:0;
}
    #vote #content ul.recipes li {
        float:left;
        display:inline;
        width:141px;
        margin-left:49px;
    }
        #vote #content ul.recipes li.first {
            margin-left:0;
        }
        #vote #content ul.recipes li img.recipe-img {
            border:#FFFFFF 5px solid;
            width:131px;
            height:97px;
            margin-bottom:3px;
        }
        #vote #content ul.recipes li p {
            margin:0;
            padding:0;
            line-height:1.1em;
        }
            #vote #content ul.recipes li p.vote-button {
                color:#CC0000;
                margin:0 0 6px 0;
            }
            #vote #content ul.recipes li p.recipe-name {
                color:#CC6600;
                font-weight:bold;
            }
            #vote #content ul.recipes li p.finalist {
                color:#797772;
                margin:4px 0 0 0;
                font-size:0.9em;
                font-style:italic;
            }
#vote #content #submission-area {
    text-align:center;
    margin:30px auto 0 auto;
    padding-left:20px;
}
    #vote #content #submission-area .button {
        margin-bottom:10px;
    }



/* Vote Registration */
#useupthebox #vote #content fieldset {
	margin-top:20px;
}
#useupthebox #vote #content .why-link {
	font-weight:normal;
}
#useupthebox #vote #content .checkboxrow {
	margin-top:20px;
}
	#useupthebox #vote #content .checkboxrow label {
		width:95%;
	}
#useupthebox #vote #content .button {
	margin:6px 0 8px 0;
}


/* Vote - 2 column styles */
#useupthebox #vote .two-col #content #inner-content {
	float:left;
	display:inline;
	width:317px;
	margin-top:17px;
	padding:0 27px 8px 27px;
}
#useupthebox #vote .two-col #content #callouts {
	margin:17px 0 0 10px;
}
	#useupthebox #vote .two-col #content #callouts .callout {
		background:url(../images/vote_callout_bg.jpg) no-repeat top left;
	}
		#useupthebox #vote .two-col #content #callouts .callout a.button {
			margin:0;
		}


/* Vote Thanks */
#useupthebox #vote .thanks #content p#intro {
	margin-top:10px;
}
#useupthebox #vote .thanks #content #buttons {
	margin:32px 0 15px 0;
}
	#useupthebox #vote .thanks #content #buttons a {
		display:inline-block;
		width:127px;
		height:23px;
		margin-right:9px;
		text-indent:-9999px;
	}
		#useupthebox #vote .thanks #content #buttons a#recipes {
			background:url(../images/btn_view_recipes_big.gif) no-repeat top left;
		}
		#useupthebox #vote .thanks #content #buttons a#tips {
			background:url(../images/btn_view_tips.gif) no-repeat top left;
		}
#useupthebox #vote .thanks #content p#rules-link {
	margin:0 0 40px 0;
}


/* Vote Ineligible */
#useupthebox #vote .ineligible #content p#rules-link {
	margin:40px 0 0 0;
}