/* Base Reset & Fonts
------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
th, td {vertical-align:top;}
fieldset, img {border:0;}
abbr,acronym {border:0;}
body {font:13px Arial,Helvetica,clean,sans-serif;}
table {font-size:inherit;}
select,input,textarea {font:99% Arial,Helvetica,clean,sans-serif;}
pre,code {font:115% monospace;}
body * {line-height:1.22em;}
label {cursor:pointer;}
address,caption,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}


/* Main Structure - DO NOT CHANGE THIS SECTION!!
------------------------------------------------- */
#wrap {margin:0 auto;position:relative;}
#pri, #sec, #ter {float:left;}
#pri {width:100%;}
#sec {position:relative;left:-100%;}
#ft {clear:both;position:relative;}
.grid-2 .col, .grid-4 .grid-2 {float:right;display:inline;}
.grid-2 div.first, .grid-4 div.first, .grid-3 .col {float:left;}
.grid-2 .col, .grid-4 .grid-2, .grid-4 .grid-2 .col {width:50%;}
.grid-3 .col {width:33%;}
body#onecol #sec, body#onecol #ter, body#twocol-left #ter, body#twocol-right #sec {display:none;}
body#onecol #pri .pad {margin:0;}
body#twocol-left #pri .pad {margin-right:0;}
body#twocol-right #pri .pad {margin-left:0;}

#tempreg .col {width:174px;padding-left:36px;}
#tempreg div.first {width:210px;padding:0;}

.recipe, #recipedetails {margin-bottom:0;}

#recipedetails {
position:relative;
width:643px;
padding-top:7px;
background:#efece0 url(cssimages/bg-notch.gif) no-repeat right top;
}

#recipedetails .col {
width:344px;
padding:4px 12px 11px 0;
}

#recipedetails div.first {
width:274px;
padding:4px 0 11px 13px;
}

#recipedetails h1 {
padding-right:100px;
min-height:62px;
padding-bottom:8px;
border-bottom:2px dotted #b5b6b6;
}

#recipedetails p {
min-height:100px;
padding:8px 0;
border-bottom:2px dotted #b5b6b6;
}

#recipedetails h2 {
color:#7f7f7e;
}

#recipedetails h2 span {
color:#b38547;
}

#recipedetails .utils {
position:absolute;
top:0;
right:0;
padding:4px 13px 0 0;
}

#cats {
margin:0 0 0 11px;
width:620px;
background:url(cssimages/bg-cats.gif) repeat-x 0 0;
color:#fff;
}

#cats .col {
width:181px;
padding:48px 60px 23px 39px;
}

#cats div.first {
width:253px;
padding:48px 60px 23px 24px;
}

#cats li {
line-height:1.5em;
}

.recipe {
margin-bottom:16px;
}

.recipe .col {width:490px;}
#landing div.recipe .col {width:430px;}
.recipe div.first, #landing div.recipe div.first {width:112px;}

body.homepage .grid-2 div.first {width:643px;padding:0;}
body.homepage .grid-2 .col {width:309px;padding-left:6px;}

body.homepage .grid-3 {
width:953px;
border-top:1px solid #2b2e27;
border-bottom:1px solid #2b2e27;
padding:8px 0 3px;
margin-top:7px;
}

body.homepage .grid-3 div.first {width:269px;}
body.homepage .grid-3 div.last {width:301px;}
body.homepage .grid-3 .col {width:383px;}
body.homepage .grid-2 .col a, body.homepage .grid-2 .col img, body.homepage .grid-3 .col a, body.homepage .grid-3 .col a {display:block;}
body.homepage .grid-3 div.last a {margin-bottom:14px;}

#landing {padding-top:16px;padding-left:11px;}

#landing .grid-2 {
border-bottom:2px dotted #b5b6b6;
padding-bottom:14px;
margin:0 13px 14px;
width:594px;
}

#landing .grid-2:last-child, #landing div.last-child {border-bottom:0;}
#landing .grid-2 .col {width:347px;padding:0 45px 0 0;}
#landing .grid-2 div.first {width:202px; padding:0;}

#landing #detail-chef .col {
width:416px;
padding:0 25px 0 0;
}

#landing #detail-chef div.first {
width:153px;
padding:6px 0 0 0;
}

#landing #library-grid .col {
width:280px;
padding:0 20px 0 0;
}

#landing #library-grid div.first {padding:0;}

#landing #library-grid2 .col {
width:550px;
padding:0 20px 0 0;
}

#landing #library-grid3 div.first {padding:0;}

#landing #library-grid3 .col {
width:280px;
padding:0 20px 0 0;
}

#landing p#library-categories {padding-top:2px;}

#landing #library-grid2 div.first {padding:0;}

#landing #chef-grid {
padding-bottom:5px;
}

#landing #chef-grid .col {
width:200px;
padding:0 15px 0 0;
color:#fff;
}

#landing #chef-grid div.first {
width:370px;
padding:0;
}

#intro-chef .col {
width:320px;
}

/* Widths & Footer height
------------------------------------------------- */
#wrap, #ft {width:982px;}

#pri .pad {
margin:0 324px 0 0;
padding:0 9px 0 15px;
}

#pri .pad-chef {padding-right:0}

#ter {
width:311px;
padding:28px 0 0 13px;
margin-left:-324px;
}

#pri .pad, #sec, #ter {padding-bottom:30px;}

#pri #detail {padding:16px 12px 30px 38px;}

#pri #reciperesults {
padding-left:38px;
padding-right:18px;
}

#ft {
margin:0 auto;
padding-bottom:8px;
}

#temphome {
padding:6px 0;
}

#temphome #examples {
padding:10px 0;
}

#temphome h2 {
margin:12px 0;
}

#tempreg {
margin:36px 0 0 0;
background:url(cssimages/bg-tempreg.gif) repeat-y;
}

#tempreg a {
text-decoration:none;
}

/* General fonts
------------------------------------------------- */

/* A handy pixel to percent font conversion */
/*
10px / 77%
11px / 85%
12px / 92%
13px / 100%
14px / 107%
15px / 114%
16px / 122%
17px / 129%
18px / 136%
19px / 144%
20px / 152%
21px / 159%
22px / 167%
23px / 174%
24px / 182%
25px / 189%
26px / 197%
*/

/* 
	+++ VERY IMPORTANT+++
		The default font for these templates is 13px Arial, set on the <body> element.
		NEVER set a font-size or font-family on the <body> element.
		ALWAYS override using a child of <body>, with the pixel-equivalent percentage value for the font size, as documented above.
		
		EG: #pagewrap p {font-family:Verdana,Arial,Helvetica,sans-serif;}
		would set every <p> within #pagewrap to Verdana.
		It is better to set font-sizes on elements rather than containers.
*/

#wrap, #ft {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:129%;font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:107%;font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:92%;}
h4 {font-size:92%;}
h5 {font-size:92%;}
h6 {font-size:92%;}

#mainnav h2 {font-size:114%;font-weight:normal;}
#pri p, #pri li, #sec p, #ter p, #ter h2, #sec li, #pri th, #pri td, #pri caption, #pri dt, #pri dd, #mainnav li, #ter li {font-size:92%;}
#utilitynav li, #mainnav li, #breadcrumb p, #pri dd.url, #ft p, #ft li, #searchform input, #searchform label, #ter h3 {font-size:85%;}
#ft p, #ft li {font-size:77%;}
#pri #chefform li, #sec li li, #pri legend, #mainnav li li {font-size:100%;}
strong, b, h2, h3, h4, h5, h6, #pri legend {font-weight:bold;}
em,i,cite {font-style:italic;}
#pri h1, #recipedetails h2 {font-weight:normal;}


/* Theme
------------------------------------------------- */
html, body {
background:#807966 url(cssimages/bg-body.gif) repeat;
color:#2b2e27;
}

h2.gray {color:#999}

a {color:#0082c8;}
hr, .skip {position:absolute;left:-9999px;}

.imgleft {
float:left;
}

.imgright {
float:right;
}

#wrap {background:#fff url(cssimages/bg-wrap.gif) repeat-y 0 0;}
body.homepage #wrap {background:#fff;}

#masthead {
position:relative;
height:142px;
background:#fff;
}

#logo a, #tagline, #mainnav, #mainnav a {
background:url(cssimages/bg-masthead-site.png);
background-repeat:no-repeat;
}

#logo a {
display:block;
background-position:0 0;
width:408px;
height:108px;
text-indent:-9999px;
outline:none;
}

#tagline {
display:block;
position:absolute;
right:0;
top:0;
background-position:-782px 0;
width:200px;
height:108px;
text-indent:-9999px;
outline:none;
}

#searchform {
position:absolute;
top:108px;
right:0;
z-index:200;
}

#searchform label, #recipesearchform label {position:absolute;left:-9999px;}

#searchform input {float:left;}

#searchform .searchtext {
border-top:1px solid #91908b;
border-left:1px solid #91908b;
width:133px;
padding:2px 2px 1px 2px;
margin:7px 0 0;
}

#usernav {
position:absolute;
top:54px;
right:20px;
width:400px;
}

#usernav div {position:relative;}
#usernav p {text-align:right;}
#usernav span {font-weight:bold;}

#usernav ul {
padding-top:6px;
position:absolute;
right:0;
}

#usernav li {display:inline;}

#usernav li a {
display:block;
float:left;
font-size:77%;
text-transform:lowercase;
background:url(cssimages/bullet-usernav.gif) no-repeat 0 5px;
padding-left:8px;
margin-right:10px;
color:#000;
text-decoration:none;
}

#usernav li a:hover {text-decoration:underline;}

#usernav li:last-child a, #usernav li.last-child a {margin-right:0;}

#mainnav {
background-position:0 -108px;
width:982px;
height:34px;
}

#mainnav ul {
position:absolute;
bottom:0;
left:0;
width:100%;
}

#mainnav ul, #mainnav ul * {
list-style:none;
z-index:150;
}

#mainnav li {
float:left;
position:relative;
}

#mainnav a {
display:block;
position:relative;
text-decoration:none;
outline:0;
height:34px;
text-indent:-9999px;
}

#nav-trends a {width:104px;background-position:0 -108px;}
#nav-chef a {width:121px;background-position:-104px -108px;}
#nav-tips a {width:156px;background-position:-225px -108px;}
#nav-menu a {width:177px;background-position:-381px -108px;}
#nav-kit a {width:61px;background-position:-558px -108px;}
#nav-lib a {width:63px;background-position:-619px -108px;}
#nav-icare a {width:82px;background-position:-682px -108px;}

#nav-trends a:hover, #nav-trends.current a {background-position:0 -142px;}
#nav-chef a:hover, #nav-chef.current a {background-position:-104px -142px;}
#nav-tips a:hover, #nav-tips.current a {background-position:-225px -142px;}
#nav-menu a:hover, #nav-menu.current a {background-position:-381px -142px;}
#nav-kit a:hover, #nav-kit.current a {background-position:-558px -142px;}
#nav-lib a:hover, #nav-lib.current a {background-position:-619px -142px;}
#nav-icare a:hover, #nav-icare.current a {background-position:-682px -142px;}

#nav-upload a {
margin-left:33px;
width:130px;
background-position:-33px 0;
}

#nav-view a {
width:112px;
background-position:-163px 0;
}

#breadcrumb {
min-height:16px;
padding:2px 0 0 15px;
background:#fff;
}

#breadcrumb p, #breadcrumb a {
color:#0082c8;
text-decoration:none;
}

#breadcrumb a:hover {text-decoration:underline;}

#splash {clear:both;position:relative;}
#splash img {display:block;}

.bg-chef {
width:643px;
height:258px;
background:url(cssimages/bg-chef.jpg) no-repeat 0 0;
}

.bg-chef img {
position:absolute;
left:300px;
top:16px;
}

#detail-chef div.first img {
display:block;
margin-bottom:26px;
}

#temphome ul {margin-bottom: 6px;}

#temphome li {
list-style:disc;
padding:6px 0;
}

#examples .col {text-align:center}

#pri h1 {
color:#b38547;
}

#pri #reciperesults h1 {
margin:8px 0;
font-size:167%;
}

#pri ul {
list-style:disc;
padding-left:18px;
margin-bottom:0.75em;
}

#pri ol {
list-style:decimal;
padding-left:18px;
}

#pri p, #pri table {
margin-bottom:0.75em;
line-height:1.33em;
}

#pri #intro {
background:#efece0;
padding:12px 20px 5px;
width:600px;
}

#pri #intro p {
font-size:107%;
}

#pri #whats-new ul {
list-style:none;
padding-left:0;
}

#pri #whats-new a {outline:none;}

#pri #landing {clear:both;}

#pri #landing h2 {
font:136% Arial, Helvetica, sans-serif;
color:#b38547;
margin-bottom:4px;
}

#pri #landing p {
line-height:1.66;
}

#pri #landing ul {
list-style:none;
padding:0;
}

#pri #landing ul li {
margin-bottom:6px;
padding-left:11px;
background:url(cssimages/arrow-blue.gif) no-repeat 0 5px;
}

#pri #landing li.xls, #pri #landing li.link, #pri #landing li.pdf, #pri #landing li.ppt, #pri #landing li.doc {
padding-left:20px;
line-height:18px;
background-position:0 0;
background-repeat:no-repeat;
margin-top:4px;
padding-bottom:2px;
}

#pri #landing li.xls {background-image:url(cssimages/icon-excel.gif);}
#pri #landing li.link {background-image:url(cssimages/icon-link.gif);}
#pri #landing li.pdf {background-image:url(cssimages/icon-pdf.gif);}
#pri #landing li.ppt {background-image:url(cssimages/icon-powerpoint.gif);}
#pri #landing li.doc {background-image:url(cssimages/icon-word.gif);}

#pri #landing li a {text-decoration:none;}
#pri #landing li a:hover {text-decoration:underline;}

#pri #landing #productlist li, #pri #landing #top-ten-list td.footnote {font-size:100%}

#pri #landing #video {padding-left:22px;}
#pri #landing #video h1 {padding-bottom:5px;}
#pri #landing #video h3 {font-weight:normal;padding:5px 0;}
#pri #landing #video #video-tn {width:125px;padding-right:55px;float:left;}

#pri .ingredients {
margin-left:11px;
width:620px;
}

#pri .ingredients h2 {
width:573px;
margin:20px 0 0 11px;
padding:9px 0 14px 20px;
color:#b38547;
font-size:122%;
font-weight:normal;
background:url(cssimages/bg-ingredients-h2.gif) no-repeat 0 0;
}

#pri .ingredients ul {
list-style:none;
padding:0 16px 0 11px;
}

#pri .ingredients ol {
list-style:decimal inside;
padding:0 16px 0 11px;
}

#pri .ingredients li {
padding:5px 14px 7px 22px;
}

#pri .ingredients ol li {
padding:10px 14px 11px 22px;
font-weight:bold;
}

#pri .ingredients ol p {
display:inline;
font-size:100%;
font-weight:normal;
}

#pri .ingredients li.odd {background:#efece0;}

#pri ul#news h3 {
font-size:100%;
display:inline;
}

#landing.more-library {
padding-left:24px;
padding-bottom:16px;
padding-right:10px;
}

#landing.east-south-central {
position:relative;
background:url(cssimages/bg-east-south-central.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#landing.middle-atlantic {
position:relative;
background:url(cssimages/bg-mid-atlantic.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#landing.midwest {
position:relative;
background:url(cssimages/bg-midwest.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#landing.mountain {
position:relative;
background:url(cssimages/bg-mountain.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#landing.new-england {
position:relative;
background:url(cssimages/bg-new-england.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#landing.pacific {
position:relative;
background:url(cssimages/bg-pacific.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#landing.south-atlantic {
position:relative;
background:url(cssimages/bg-south-atlantic.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#landing.west-south-central {
position:relative;
background:url(cssimages/bg-west-south-central.jpg) 0 0 no-repeat;
padding-bottom:300px;
margin-left:11px;
}

#food-categories {
position:absolute;
top:16px;
right:15px;
}

select.food {border:1px solid black;}

#top-ten-list {
width:563px;
background-color:#fff;
padding:15px 15px 0 15px;
margin-left:3px;
}

#pri table.new-rank {width:563px;}
#pri table.new-rank thead {background-color:#efece0; font-weight:bold;}
#pri table.new-rank {margin-bottom:0}
#pri table.new-rank td {padding:5px; border:0; text-align:right;}
#pri table.new-rank td.first {text-align:left;}

#pri table.rank {margin-bottom:0}

#pri table.rank td {
padding:5px 0px;
border:0;
}

#pri table.rank td.first {padding:5px 0px 5px 20px;}

#pri table.rank td.last-top {padding:5px 20px 5px 0px;}

#pri table.rank td.last {padding:5px 35px 5px 0px;}

#pri table.rank td.last-col {padding:5px 20px 5px 0px;}

#pri td.positive {background:url(cssimages/positive.gif) 95px 8px no-repeat;}

#pri td.negative {background:url(cssimages/negative.gif) 95px 8px no-repeat;}

#pri tr.odd td {background-color: #efece0;}

#pri tr.odd-top td {
background-color: #efece0;
font-weight:bold;
}

#pri #searchresults dt, #pri #searchresults dd {
line-height:1.33em;
}

#pri #searchresults dd.url {
margin-bottom:20px;
}

#pri #intro-chef {
margin:-12px -23px 6px -20px;
padding:40px 0 15px 0;
background:url(cssimages/bg-cats.gif) repeat-x 0 0;
}

#pri #intro-chef h1, #pri #intro-chef h2, #pri #intro-chef li {
color:#fff;
}

#pri #intro-chef h1, #pri #intro-chef h2 {
margin:0 16px 0 21px;
}

#pri #intro-chef h2 {
border-bottom:2px dotted #fff;
}

#pri #intro-chef ul {
margin-top:12px;
} 

#pri #intro-chef li {
margin:0 12px 4px 18px;
}

.bg-chef-connection {
width:643px;
height:286px;
background:url(cssimages/bg-chef-connection-new.jpg) no-repeat 0 0;
}

.bg-chef-connection-new {
width:643px;
height:286px;
background:url(cssimages/bg-chef-connection-new.jpg) no-repeat 0 0;
}

.bg-chef-connection-cwc {
width:643px;
height:273px;
background:url(cssimages/bg-chef-connection-cwc.jpg) no-repeat 0 0;
}

#pri #landing.chef {
padding: 14px 11px 30px 13px;
margin-left:11px;
background:url(cssimages/bg-chef-landing.gif) no-repeat 0 0;
}

body#twocol-right #pri #landing .pad {
padding: 15px 15px 0 0;
background:url(cssimages/bg-recipe-search.gif) repeat-x 0 0;
margin:0 0 0 -13px;
}

#ter {background:url(cssimages/bg-ter.gif) no-repeat 0 0;}

#ter p {margin-bottom:1em;}

#ter ul {
list-style:disc;
padding-left:1.5em;
}

#ter .box {
margin:0 0 28px 26px;
}

#ter .box ul {
list-style:none;
padding-left:0;
}

#ter .box a {color:#fff;text-decoration:none;}
#ter .box a:hover {text-decoration:underline;}
#ter .box a.current {color:#67b036;}

#subnav, #favorite, #recipe-search {
position:relative;
width:212px;
padding:14px 16px 17px 12px;
background:#252821 url(cssimages/bg-subnav.gif) repeat-x 0 0;
}

#favorite {background:#0070ac url(cssimages/bg-fave.gif) repeat-x 0 0;}
#recipe-search {background:#5e9b36 url(cssimages/bg-recipe-search.gif) repeat-x 0 0;}

#searchrecipes {width:146px;}

#searchrecipessubmit {margin-bottom:-7px;}

#pri div.advanced-search {margin-top:-5px;}

#ter div.advanced-search {margin-top:-5px;}

#pri input.chef-searchrecipes {
width:280px;
border:1px solid #666;
margin-bottom:12px;
}

#pri select.chef-searchrecipes {
width:280px;
border:1px solid #666;
margin-bottom:15px;
}

/* #pri #landing #productlist {margin:14px 0 0 0;} */

#pri #landing #chef-intro-header {margin:12px 0 16px 0;}

#ter input.chef-searchrecipes {
width:150px;
border:1px solid #666;
margin-bottom:12px;
}

#ter select.chef-searchrecipes {
width:150px;
border:1px solid #666;
margin-bottom:15px;
}

#subnav h2 {
position:absolute;
width:260px;
height:32px;
left:-10px;
top:-4px;
padding-top:6px;
background:url(cssimages/bg-subhav-h2.gif) no-repeat 0 0;
font:normal 15px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
}

#favorite h2 {
color:#fff;
font:normal 152% Arial, Helvetica, sans-serif;
border-bottom:2px dotted #fff;
padding-bottom:6px;
margin-bottom:12px;
}

#favorite ul {
border-bottom:2px dotted #fff;
padding-bottom:13px;
}

#ter #uploadbox {
width:212px;
background:url(cssimages/bg-uploadbox.gif) repeat-x 0 0;
padding:14px 16px 17px 12px;
}

#uploadbox p {
border-bottom:2px dotted #fff;
color:#fff;
padding:13px 0;
}

#ter #featured-chef {
width:218px;
background:url(cssimages/bg-featured-chef.gif) repeat-x 0 0;
padding:14px 10px 17px 12px;
}

#featured-chef p {
color:#fff;
border-bottom:2px dotted #fff;
padding: 13px 0;
}

#subnav ul {
padding-top:32px;
}

#subnav li, #favorite li, #featured-chef li, #ter #uploadbox li {
background:url(cssimages/arrow-white.png) no-repeat 0 5px;
margin-bottom:6px;
padding-left:11px;
}

#subnav li {margin-bottom:10px;}

#ft {
background:#2b2e27;
color:#fff;
}

#ft p {
text-align:right;
padding:5px 12px 1px 0;
}

#ft ul {
position:absolute;
right:16em;
top:6px;
}

#ft li {display:inline;}

#ft li a {
display:block;
float:left;
padding:0 1.6em;
color:#fff;
text-decoration:none;
line-height:1em;
text-transform:lowercase;
}

#ft li a:hover {text-decoration:underline;}

#ft li:last-child a, #ft li.last-child a {
border-right:0;
margin-right:0;
padding-right:0;
}


/* jQuery Tabs
------------------------------------------------- */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}

/* Skin */
.ui-tabs-nav {
/*font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;*/
font-size:92%
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px;
background: url(cssimages/tabs/bg-tab.png) no-repeat;
}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #27537a;
font-weight: normal;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
/*position: relative;
top: 1px;*/
margin-top:1px;
z-index: 2;
margin-top: 0;
color: #000;
}
.ui-tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
}
.ui-tabs-panel {
border-top: 1px solid #97a5b0;
padding: 1em 8px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(cssimages/tabs/loading.gif) no-repeat 0 50%;
}


/* Chef form UI
------------------------------------------------- */
#chefform {position:relative;}

p#problem {
position:absolute;
right:34px;
margin-top:18px;
}

#pri #chefform ul.ui-tabs-nav, #pri #chefform ol {
list-style:none;
padding-left:0;
margin-bottom:0;
}

.striped li {margin-bottom:10px;}
.striped li.oddrow {background:#f9f9f9;}
.striped h3 {padding:4px 10px;}

#chefform h2 {
font-size:136%;
margin-bottom:16px;
}

#chefform div.field, #chefform ol.striped li {
position:relative;
padding:12px 0;
margin-bottom:8px;
width:620px; /* width:670px; IE6 needs this in order to place the instruction <p> correctly */
}

#chefform ol.striped li div.field {
padding:8px 0;
margin-bottom:0;
}

#chefform div.highlight {
background:#cfb;
}

#chefform #recipepicture {
padding-bottom:40px;
}

#chefform .block {
width:120px;
float:left;
text-align:right;
margin-right:7px;
display:block;
font-size:85%;
}

#chefform input, #chefform textarea {width:250px;font-size:85%;}
#chefform .checks input, #chefform input.submit {width:auto;}

#chefform .submit input, .checks input {
margin-left:127px;
font-size:92%;
border:0;
} 

.checks input#selectall, .checks input#pictureperm {
margin-left:0;
}

#chefform div.checks label {
margin-left:5px;
line-height:1.33em;
font-size:85%;
}

#chefform p.fieldinstruction {
width:200px; /*268px;*/
position:absolute;
right:12px;
top:0;
padding-top:12px;
font-size:77%;
}

#chefform p.longfieldinstruction {
font-size:77%;
padding:6px 24px 0 127px;
}

#chefform p.stepnav {position:relative;}
#chefform .req {color:red;}

#chefform input[type=text] {
border:1px solid #999;
padding:2px;
}

#chefform input.text, #chefform textarea {
border:1px solid #999;
padding:2px;
}

#chefform select {font-size:92%;}

#chefform #field_id_91 {
position:absolute;
left:120px;
width:300px;
bottom:10px;
}

#tab1next, #tab2next, #tab2prev, #tab3prev {
display:block;
float:left;
text-decoration:none;
}

#tab1next, #tab2next {
position:absolute;
left:200px;
}

div.formerror {
background-color:#fee;
border:1px solid #faa;
margin:5px;
padding:5px;
}

div.formerror ol li {
list-style-type:disc;
margin-left:20px;
}

div.formerror {display:none }
.formerror label.error {display:inline;cursor:text;}
#chefform input.error, #chefform textarea.error, #chefform select.error {border:1px dotted red;}


/* sIFR
------------------------------------------------- */
.sIFR-flash {
visibility:visible !important;
margin:0;
padding:0;
}

.sIFR-replaced, .sIFR-ignore {
visibility:visible !important;
}

.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
margin:0pt; 
padding:0pt; 
overflow:auto; 
letter-spacing:0px; 
float:none;
}

/* Shadowbox styles
------------------------------------------------- */
#shadowbox_container, #shadowbox_overlay {
top:0;
left:0;
height:100%;
width:100%;
margin:0;
padding:0;
}

#shadowbox_container {
position:fixed;
display:block;
visibility:hidden;
z-index:999;
text-align:center;
}

#shadowbox_overlay {
position:absolute;
background-image:url(cssimages/shadowbox/overlay.png);
background-repeat:repeat;
}

#shadowbox {
position:relative;
margin:0 auto;
text-align:left;
}

#shadowbox_body {
position:relative;
margin:0;
padding:0;
border:1px solid #fff;
overflow:hidden;
}

#shadowbox_body_inner {
position:relative;
height:100%;
}

#shadowbox_content.html {
height:100%;
overflow:auto;
}

#shadowbox_loading {
position:absolute;
top:0;
width:100%;
height:100%;
}

#shadowbox_body, #shadowbox_loading {
background-color:#060606;
}

#shadowbox_loading_indicator {
float:left;
margin:10px 10px 0 10px;
height:32px;
width:32px;
background-image:url(cssimages/shadowbox/loading.gif);
background-repeat:no-repeat;
}

#shadowbox_loading span {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:10px;
float:left;
margin-top:16px;
}

#shadowbox_loading span a:link, #shadowbox_loading span a:visited {
color:#fff;
text-decoration:underline;
}

#shadowbox_title, #shadowbox_info {
position:relative;
margin:0;
padding:0;
overflow:hidden;
}

#shadowbox_title_inner, #shadowbox_info_inner {
position:relative;
font-family:'Lucida Grande', Tahoma, sans-serif;
line-height:16px;
}

#shadowbox_title {
height:26px;
}

#shadowbox_title_inner {
font-size:16px;
padding:5px 0;
color:#fff;
}

#shadowbox_info {
height:20px;
}

#shadowbox_info_inner {
font-size:12px;
color:#fff;
}

#shadowbox_nav {
float:right;
height:16px;
padding:2px 0;
width:45%;
}

#shadowbox_nav a {
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}

#shadowbox_nav_close {
background-image:url(cssimages/shadowbox/close.png);
background-repeat:no-repeat;
}

#shadowbox_nav_next {
background-image:url(cssimages/shadowbox/next.png);
background-repeat:no-repeat;
}

#shadowbox_nav_previous {
background-image:url(cssimages/shadowbox/previous.png);
background-repeat:no-repeat;
}

#shadowbox_nav_play {
background-image:url(cssimages/shadowbox/play.png);
background-repeat:no-repeat;
}

#shadowbox_nav_pause {
background-image:url(cssimages/shadowbox/pause.png);
background-repeat:no-repeat;
}

#shadowbox_counter {
float:left;
padding:2px 0;
width:45%;
}

#shadowbox_counter a {
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}

#shadowbox_counter a.shadowbox_counter_current {
text-decoration:underline;
}

div.shadowbox_clear {
clear:both;
}

div.shadowbox_message {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}

div.shadowbox_message a:link, div.shadowbox_message a:visited {
color:#fff;
text-decoration:underline;
}

/* sIFR Header Styles
------------------------------------------------- */
.sIFR-active #pri #recipedetails h1, .sIFR-active #pri #landing h2, .sIFR-active #pri #recipedetails h2, .sIFR-active #pri .ingredients h2, .sIFR-active #ter #recipe-search h2, .sIFR-active #ter #favorite h2, .sIFR-active #ter #subnav h2, .sIFR-active #ter #subnav li, .sIFR-active #ter #intro p, .sIFR-active #pri #intro-chef h1, .sIFR-active #pri #intro-chef h2, .sIFR-active #pri #reciperesults h1, .sIFR-active #pri #library-grid h1, .sIFR-active #pri #library-grid2 h1, .sIFR-active #pri #library-grid3 h1, .sIFR-active #pri #landing.more-library h1  {
font-family:Verdana;
visibility:hidden;
margin:0;
}

.sIFR-active #pri #reciperesults h1.sIFR-replaced {
margin-top:8px;
} 

.sIFR-active #pri .ingredients h2.sIFR-replaced {
padding-bottom:0;
margin:20px 0 0 11px;
}

.sIFR-active #ter #favorite h2.sIFR-replaced, .sIFR-active #ter #recipe-search h2.sIFR-replaced {
padding-bottom:0;
margin-bottom:12px;
}

.sIFR-active #ter #subnav h2.sIFR-replaced {
padding-top:5px;
}

.sIFR-active #pri #intro-chef h1.sIFR-replaced, .sIFR-active #pri #intro-chef h2.sIFR-replaced {
margin-left:21px;
margin-right:16px;
}

#pri #intro-chef em {
font-style:normal;
}

/* Clearfix
------------------------------------------------- */
.grid-2:after, .grid-3:after, .grid-4:after, #wrap:after, p.fieldinstruction:after, .recipe:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmAlert {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }


/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  display: none;
    
    position: fixed;
    top: 20%;
    left: 50%;
    
    margin-left: -200px;
  width: 400px;

  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}




/* [[[ Title / Top Classes ]]] */
div.jqmdTC { 
  background: #d5ff84 url(cssimages/sprite.gif) repeat-x 0px -82px; 
  color: #528c00;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL { background:  url(cssimages/sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
div.jqmdTR { background: url(cssimages/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background: url(cssimages/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 180px;
  overflow: auto;
}
div.jqmdBL { background: url(cssimages/bl.gif) no-repeat left bottom; padding-left: 7px; }
div.jqmdBR { background: url(cssimages/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #317895; }


/* [[[ Button classes ]]] */
a.jqmdX {
	display:block;
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(cssimages/close.gif) no-repeat top left;
  overflow: hidden;
}
a.jqmdX:hover {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }

#small_recipepicture {
position:relative;
top:0px;
left:45px;
}

.image_change {
margin-left:45px;
}

/* warning banner for preview screen */

/*
#warning {
position:absolute;
top:0px;
left:50%;
margin-left:-491px;
height:65px;
width:882px;
background-color:#FFFF00;
display:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:20px 50px;
}
*/

#warning {
position:absolute;
top:0px;
left:0px;
height:91px;
width:100%;
background-color:#FFFF00;
display:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
padding-top:12px;
}

#warning img {
float:left;
position:relative;
left:50%;
margin:12px 10px 10px -441px;
padding:0 10px;
}

#warning p {
width:700px;
position:relative;
left:50%;
margin:5px 0px 0px -350px;
float:left;
}

/* end of warning banner */

/* Servings Calculator */
.calculator {
margin: 10px 20px 0 15px;
}

#convertwarn {
display:none;
margin: 10px 20px 0 15px;
}