/* Fonts */
h1 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:18px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color:#99cc33;
font-size:16px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:18px;
line-height:0;
margin-left:5px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
color:#003399;
font-size:18px;
display:inline;
}

.addheading
{
margin-left:20px;
color:#666600;
}

p {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.2;

display:inline;
}

/* Links */

a:link    {text-decoration: underline; color:#666600}
a:visited {text-decoration: underline; color:#99cc33}
a:active  {text-decoration: underline; color:#666600}
a:hover   {text-decoration: underline; color:#666666}

a.blue:link    {text-decoration: none; color:#003399}
a.blue:visited {text-decoration: none; color:#003399}
a.blue:active  {text-decoration: none; color:#003399}
a.blue:hover   {text-decoration: none; color:#666666}

a.white:link	{text-decoration: underline; color:#ffffff}
a.white:visited {text-decoration: underline; color:#ffffff}
a.white:active  {text-decoration: underline; color:#ffffff}
a.white:hover   {text-decoration: underline; color:#666666}

a.footer:link	{text-decoration: none; color:#666666}
a.footer:visited {text-decoration: none; color:#666666}
a.footer:active  {text-decoration: none; color:#666666}
a.footer:hover   {text-decoration: none; color:#666666}


/* Beta Login Pages */

#bground {
float:left;
width:100%;
height:100%;
background-color:#f2f6ff;
border-top:2px solid #ffffff;
}

#betawrapper {
width:650px;
height:auto;
margin-top:0px;
margin-right:auto;
margin-bottom:100px;
margin-left:auto;
}

#masthead {
float:left;
width:auto;
height:auto;
padding:19px 60px 20px 60px;
}

#betacolumn {
float:left;
width:650px;
height:auto;
}

#betacoltop {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}

.landing {
background:url(/images/betacol_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.request {
background:url(/images/request_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.invitecode {
background:url(/images/invitecode_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.recoverpass {
background:url(/images/forgotpassword_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.betaregister {
background:url(/images/betaregister_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.betacolback {
background-image:url(/images/betacol_back.png);
background-repeat:repeat-y;
background-position:top left;
height: 320px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.2;
padding-left:15px;
padding-right:7px;
padding-top:5px;
}

.singlecolumn {
float:left;
width:620px;
margin-top:30px;
text-align:center;
}

.betaregisterleft {
float:left;
margin-left:80px;
margin-top:15px;
display:block;
width:90px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.5;
}

.betaregisterright {
float:left;
display:block;
width:175px;
height:300px;
margin-left:5px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
}

.betacolbottom {
background:url(/images/betacol_foot.png);
background-position:top left;
background-repeat:no-repeat;
height:21px;
}

.betaleft {
float:left;
width:300px;
height:290px;
padding:30px 7px 7px 7px;
}

.betaloginleft {
float:left;
display:block;
width:75px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.5;
}

.betaloginright {
float:left;
display:block;
width:175px;
height:300px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
}

.betaright {
float:left;
background-image:url(/images/beta_centerstroke.jpg);
background-position:top left;
background-repeat:no-repeat;
width:300px;
height:290px;
padding:25px 0px 7px 13px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
}

#betafooter {
float:left;
width:650px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:small;
text-align:center;
margin-top:10px;
margin-bottom:10px;
}

/* Main HS Navigation */

#main {
width:1010px;
height:auto;
margin:0 auto;
}

#header {
float:left;
width:1001px;
height:120px;
background-image:url(/images/header_back.png);
background-position:top;
background-repeat:no-repeat;
}

#searchfield {
float:right;
margin-top:50px;
margin-right:8px;
}

#nav {
height: 26px;
padding-top: 78px;
padding-left:344px;
list-style: none;
}

#nav li {
float: left;
padding: 0 0 0 0;
height: 26px;
text-indent: -3000px;
overflow: hidden;
}

#nav li a {
display: block;
height: 26px;
}

#nav #h_home { width: 73px; }
#nav #h_grocery { width: 124px; }
#nav #h_calendar { width: 104px; }
#nav #h_ideas { width: 118px; }
#nav #h_recipes { width: 112px; }
#nav #h_tips { width: 122px; }

#nav #h_home a {
width: 73px;
background: url(/images/index_nav1.png) 0 0px no-repeat;
}

#nav #h_grocery a {
width: 124px;
background: url(/images/index_nav2.png) 0 0px no-repeat;
}

#nav #h_calendar a {
width: 104px;
background: url(/images/index_nav3.png) 0 0px no-repeat;
}

#nav #h_ideas a {
width: 118px;
background: url(/images/index_nav4.png) 0 0px no-repeat;
}

#nav #h_recipes a {
width: 112px;
background: url(/images/index_nav5.png) 0 0px no-repeat;
}

#nav #h_tips a {
width: 122px;
background: url(/images/index_nav6.png) 0 0px no-repeat;
}

#nav #h_home a:hover, #nav #h_grocery a:hover, #nav #h_calendar a:hover, #nav #h_ideas a:hover, #nav #h_recipes a:hover, #nav #h_tips a:hover {
background-position: 0 -26px;
}
#h_recipes2 {
width: 112px;
background: url(/images/index_nav5.png) 0 0px no-repeat;
background-position: 0 -26px;
}
#nav #h_grocery2 {
width: 124px;
background: url(/images/index_nav2.png) 0 0px no-repeat;
background-position: 0 -26px;
}

/* Body DIVs */
#ground {
float:left;
height:100%;
width:100%;
background-color:#f2f6ff;
border-top:2px solid #ffffff;
margin:0px 0px 0px 0px;
}

#bluewrap {
width:100%;
height:auto;
background-color:#ffffff;
}

#blue {
float:left;
width:100%;
height:auto;
background: url(/images/bluegrad2.jpg);
background-repeat:repeat-x;
background-position:0px 120px;
background-color:#ffffff;
border-bottom:1px solid #cccccc;
}

#externalblue {
float:left;
width:auto;
height:auto;
background-image:url(/images/bluegrad2.jpg);
background-repeat:no-repeat;
padding:10px;
}

#bluebuttons {
float:right;
margin-right:15px;
margin-top:7px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
}

#container {
float:left;
margin-bottom:20px;
padding-top:5px;
width:auto;
height:auto;
}


/* 3 Column Layout - Left Column */

#leftcol {
float:left;
width:200px;
height:auto;
}

#leftcoltop {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
}

.dashboard
{
background:url(/images/leftcol_head.png);
background-position:top left;
background-repeat:no-repeat;
height:20px;
margin-bottom:-7px;
}

.meals
{
background:url(/images/meals_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.leftcolback {
background-image:url(/images/leftcol_backer.jpg);
background-repeat:repeat-y;
background-position:top left;
min-height:80px;
height: auto !important;
height: 80px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.2;
padding-left:15px;
padding-right:7px;
padding-top:5px;
}

.leftcolbottom {
background:url(/images/leftcol_foot.png);
background-position:top left;
background-repeat:no-repeat;
height:17px;
}

#dottedbutton
{
float:left;
height:30px;
width:200px;
margin-top:2px;
}

.healthy
{
background-image:url(/images/dotted_healthy.png);
background-position:top left;
background-repeat:no-repeat;
height:30px;
width:200px;
}

.ingredients
{
background-image:url(/images/dotted_ingredients.png);
background-position:top left;
background-repeat:no-repeat;
height:30px;
width:200px;
}

.regional
{
background-image:url(/images/dotted_regional.png);
background-position:top left;
background-repeat:no-repeat;
}

.served
{
background-image:url(/images/dotted_served.png);
background-position:top left;
background-repeat:no-repeat;
height:30px;
width:200px;
}


/* 3 Column Layout - Center Column */

#centercol {
float:left;
margin-left:10px;
width:580px;
}

#centercoltop {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}

.dashboardcenter
{
background:url(/images/dashboard_head.png);
margin-bottom:0px;
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.comingsooncenter
{
background:url(/images/comingsoon_head.png);
margin-bottom:0px;
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.account
{
background:url(/images/account_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.centercolback {
background-image:url(/images/centercol_backer.jpg);
background-repeat:repeat-y;
background-position:top left;
min-height:470px;
height: auto !important;
height: 470px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.2;
padding:1px 7px 0px 15px;
}

.centercolbottom {
background:url(/images/centercol_foot.png);
background-position:top left;
background-repeat:no-repeat;
height:19px;
}

#centerbuttons {
float:right;
margin-right:15px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
color:#99cc33;
font-size:12px;
}


/* 3 Column Layout - Right Column */

#rightcol {
float:left;
margin-left:10px;
width:200px;
margin-bottom:10px;
}

#rightcoltop {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
}

.social
{
background:url(/images/social_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
border-bottom:1px dashed #003399;
}

.rightcolback {
background-image:url(/images/leftcol_backer.jpg);
background-repeat:repeat-y;
background-position:top left;
min-height:150px;
height: auto !important;
height: 150px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.2;
padding-left:15px;
padding-right:7px;
padding-top:5px;
}

.rightcolbottom {
background:url(/images/leftcol_foot.png);
background-position:top left;
background-repeat:no-repeat;
height:19px;
}

.hot
{
background-image:url(/images/dotted_hot.png);
background-position:top left;
background-repeat:no-repeat;
height:30px;
width:200px;
}

.sponsored
{
background-image:url(/images/dotted_sponsored.png);
background-position:top left;
background-repeat:no-repeat;
height:30px;
width:200px;
}

.hotspots
{
background-image:url(/images/dotted_hotspots.png);
background-position:top left;
background-repeat:no-repeat;
height:30px;
width:200px;
}

.thumbnail {
float:right;
margin-right:5px;
margin-top:35px;
}


/* 2 Column Login/Rgister Layout - left Column */

#logincol {
float:left;
width:320px;
margin-bottom:10px;
}

.loginhead {
float:left;
width:320px;
height:36px;
background-image:url(/images/login_head.png);
background-position:top left;
background-repeat:no-repeat;
padding-left:15px;
padding-right:7px;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
border-bottom:1px dashed #003399
}

.loginbody {
float:left;
width:320px;
height:394px;
background-image:url(/images/login_backer.png);
background-position:top left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.2;
padding:21px 7px 0px 15px;
}

.loginfields
{
float:right;
margin-right:45px;
margin-top:-47px;
}


/* 2 Column Login/Register Layout - Right Column */

#registercol {
float:left;
width:625px;
margin-bottom:10px;
margin-left:20px;
}

.registerhead {
float:left;
width:625px;
height:36px;
margin-left:20px;
background-image:url(/images/register_head.png);
background-position:top left;
background-repeat:no-repeat;
padding-left:15px;
padding-right:7px;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
border-bottom:1px dashed #003399
}

.registerbody {
float:left;
width:625px;
height:394px;
margin-left:20px;
background-image:url(/images/register_backer.png);
background-position:top left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.5;
padding:18px 7px 0px 15px;
}

#registerfields
{
float:right;
margin-right:110px;
margin-top:-235px;
line-height:1.2;
}


/* 2 Column Layout - Left Column */

#recipe {
float:left;
width:675px;
margin-bottom:10px;
}

#recipetop {
height:61px;
}

.finder
{
background:url(/images/recipe_head.png);
background-position:top left;
background-repeat:no-repeat;
}

.addrecipe
{
background:url(/images/addrecipe_head.png);
background-position:top left;
background-repeat:no-repeat;
}

.addbuttons /* Buttons @ bottom of Add/Remove Recipe Pages */
{
float:left;
width:613px;
display:inline;
margin:30px 0px 0px 20px;
}

.printsave /* Print - Bookmark - Add Buttons */
{
float:right;
margin-right:23px;
margin-top:12px;
width:140px;
text-align:center;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#recipeback {
background-image:url(/images/recipe_backer.png);
background-repeat:repeat-y;
background-position:top left;
min-height:375px;
height: auto !important;
height: 375px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:1.2;
padding-left:15px;
padding-right:7px;
}

.recipetitle
{
float:left;
height:25px;
width:640px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:inline;
color:#003399;
margin:0px 15px 10px 0px;
border-bottom:1px dashed #003399;
}

.recipeimage
{
float:left;
height:inherit;
width:300px;
margin-top:5px;
}

.recipeingredients
{
float:left;
margin-left:20px;
width:320px;
height:inherit;
}

.recipebottom {
background:url(/images/recipe_foot.png);
background-position:top left;
background-repeat:no-repeat;
height:20px;
}


/* 2 Column Layout - Right Column */

#directions {
float:left;
margin-left:5px;
margin-bottom:10px;
margin-top:15px;
width:325px;
}

.directions {
margin-bottom:0px;
background:url(/images/directions_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
border-bottom:1px dashed #003399;
}

.addtop {
margin-bottom:0px;
background:url(/images/addright_head.png);
background-position:top left;
background-repeat:no-repeat;
height:36px;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
border-bottom:1px dashed #003399;
}

.directionsback {
background-image:url(/images/directions_backer.png);
background-repeat:repeat-y;
background-position:top left;
min-height:375px;
height: auto !important;
height: 375px;
font-family:Arial, Helvetica, sans-serif;
color:#003399;
font-size:12px;
line-height:1.2;
padding-left:10px;
padding-right:7px;
padding-top:10px;
}

.directionscopy
{
float:left;
height:auto;
width:305px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
padding: 5px 15px 10px 0px;
}

.directionsbottom {
background:url(/images/directions_foot.png);
background-position:top left;
background-repeat:no-repeat;
height:19px;
}


/* My Recipes Center Column DIVs */

#recipebanner
{
float:left;
height:120px;
width:580px;
background-image:url(/images/recipes_banner.png);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:10px;
}

.bannerbuttons
{
float:right;
display:inline;
margin-right:30px;
margin-top:55px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:003399;
}

#recipethumb
{
float:left;
height:120px;
width:120px;
background-image:url(/images/my_recipethumb.png);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:5px;
}

.thumb
{
padding:5px;
width:120px;
height:120px;
}

#recipeinfo
{
float:left;
height:120px;
width:455px;
margin-left:5px;
background-image:url(/images/myrecipe.png);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:5px;
}

.info
{
padding:10px 0px 0px 15px;
width:440px;
height:80px;
margin-bottom:7px;
border-bottom:1px dashed #003399;
}


/* My Recipe Fonts */

p.recipe {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
display:inline;
}

p.date {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-variant:small-caps;
display:inline;
}


/* Footer(s) */
#foot {
width:1010px;
margin:0 auto;
}

#footer {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:small;
text-align:center;
float:left;
margin-top:10px;
margin-bottom:10px;
}

#footer2 {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:small;
text-align:center;
float:left;
margin-left:190px;
margin-top:10px;
margin-bottom:10px;
}

span.tt:hover span.top {
background:transparent url(/images/bubble.gif) no-repeat scroll center top;
display:block;
padding:30px 8px 0;
}
span.tt:hover span.middle {
background:transparent url(/images/bubble_filler.gif) repeat scroll center bottom;
display:block;
padding:0 8px;
}
span.tt:hover span.bottom {
background:transparent url(/images/bubble.gif) no-repeat scroll center bottom;
color:#548912;
display:block;
padding:3px 8px 10px;
}
span.tt {
position:relative;
text-decoration:none;
z-index:24;
}
span.tt span {
display:none;
}
span.tt:hover {
z-index:25;
}
span.tt:hover span.tooltip {
color:#993300;
display:block;
left:30px;
opacity:0.9;
padding:15px 0 0;
position:absolute;
text-align:center;
top:0;
width:200px;
}