/* html */
body {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 10pt;
    color: black;
    text-align: center;
}

form {padding: 0; margin: 0;}

p {margin: 0;}

#bodycontainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    text-align: left;
}

#mainbody {
    padding-bottom: 10px;
}

#footer {
    padding: 0;
    border: 0;
    font-size: 8pt;
    text-align: center;
    width: 960px;
    height: 54px;
}

.headingtext {padding-top: 8px;}

.secondarylink {color: #5E5E5E;}
.secondarylink:hover {color: rgb(253, 26, 19);}

.circularthumbnail {border: #ED171F 2px solid;}
.circulartext {color: rgb(253, 26, 19);}

/* structure */
/* recipenav */
#recipenav {
    width: 754px;
    padding-top: 8px;
}

#recipenav .recipenavheading {
    text-align: left;
    padding-left: 10px;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    height: 42px;
}

#recipenav .adminnavheading {
    text-align: left;
    padding-left: 10px;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    height: 42px;
}

#recipenavfooter {
    width: 754px;
    font-size: 6pt;
    line-height: 12px;
}

/* doubleleftnav */
#doubleleftnav {
    width: 750px;
    background-color: white;
}

#doubleleftnav .doubleleftnavbody {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    background-color: white;
}

#doubleleftnav .doublebottomleftnavbody {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    background-color: white;
}

/* leftnav */
#leftnav {
    width: 170px;
    background-color: white;
}

#leftnav .leftnavbody {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 0px;
    margin: 0;
    text-align: left;
}

#leftnavfooter {
    width: 170px;
    height: 19px;
}

/* centernav */
#centernav {
    width: 580px;
    background-color: white;
}

#centernav .centernavheading {
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 14pt;
    font-weight: bold;
}

#centernav .centernavbody {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    background-color: white;
}

.centernavbody hr {
  border: 0;
  border-top: 1px solid rgb(51, 51, 51);
  width: 540px;
  height: 0;
  background: rgb(51, 51, 51);
}

#centernav .bottomcenternavbody {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    margin: 0;
    background-color: white;
}

.bottomcenternavbody hr {
  border: 0;
  border-top: 1px solid rgb(51, 51, 51);
  width: 540px;
  height: 0;
  background: rgb(51, 51, 51);
}

/* myaccountnav */
#myaccountnav {
    width: 168px;
    padding-top: 8px;
}

#myaccountnav .toprightnavheading {
    font-size: 12pt;
    font-weight: bold;
    color: white;
    height: 42px;
    text-align: center;
}

.myaccountspace {height: 10px; line-height: 10px;}
.shoppinglistwidth {width: 134px;}

/* rightnav */
#rightnav {
    width: 168px;
}

#rightnav .rightnavbody {
    margin: 0;
    background-color: white;
}

#rightnav .rightnavheading {
    height: 32px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
}

.rightnavheadingtext {padding-top: 8px;}

.rightnavfooter {
    font-size: 6pt;
    line-height: 15px;
}

.highlightcolor {color: rgb(172, 0, 0);}

.addtoshoppinglist {text-decoration: none; color: rgb(172, 0, 0);}
.addtoshoppinglist:hover {color: rgb(51, 51, 51);}


/* recipe stuff */
.recipeoutline {border: 1px solid rgb(51, 51, 51);}
.recipebuttonoutline {border: 1px solid rgb(51, 51, 51);}
.recipeheader {color: black;}
.featuredrecipelink {text-decoration: none; font-size: 16pt; font-weight: bold; border-bottom: 1px dotted rgb(51, 51, 51);}
.featuredrecipelink:hover {border-bottom: none;}
.featuredrecipetitle {line-height: 14px; padding-bottom: 4px; color: rgb(51, 51, 51); font-size: 8pt; font-weight: bold;}
.featuredrecipewidth {width: 310px;}

.doublerecipetd0 {padding-left: 3px; width: 266px; text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 30px;}
.doublerecipetd1 {padding-left: 18px; width: 266px; text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 30px;}
.doublerecipetdwidth {width: 266px;}

.categorytd {width: 141px; text-align: center; vertical-align: top;}
.categorytdwidth {width: 141px;}
.spacertd {width: 60px; line-height: 160px;}

/* headernav */
#topbanner #topbannerbg .headerlink a {text-decoration: none; font-size: 10pt; color: rgb(51, 51, 51); border-bottom: 1px dotted rgb(51, 51, 51);}
#topbanner #topbannerbg .headerlink a:hover {border-bottom: none;}
.headerlink {text-decoration: none; font-size: 10pt; color: rgb(51, 51, 51); border-bottom: 1px dotted rgb(51, 51, 51);}
.headerlink:hover {border-bottom: none;}


/* admin */
.admin {font-size: 8pt;}
.admin .input400 {font-size: 8pt; width: 400px;}
.admin .input250 {font-size: 8pt; width: 250px;}
.admin .input210 {font-size: 8pt; width: 210px;}
.admin .input200 {font-size: 8pt; width: 200px;}
.admin .input150 {font-size: 8pt; width: 150px;}
.admin .input100 {font-size: 8pt; width: 100px;}
.admin .input90 {font-size: 8pt; width: 90px;}
.admin .input50 {font-size: 8pt; width: 50px;}
.admin .input40 {font-size: 8pt; width: 40px;}
.admin .input30 {font-size: 8pt; width: 30px; height: 16px;}
.admin .header {padding-top: 2px; padding-bottom: 2px; font-weight: bold; color: white; background-color: rgb(52, 91, 148);}
.admin .row0 {background-color: rgb(220, 220, 220);}
.admin .row1 {background-color: white;}
.admin .copylink {color: green;}
.admin .copylink:hover {color: blue;}
.admin .editlink {color: olive;}
.admin .editlink:hover {color: blue;}
.admin .deletelink {color: red;}
.admin .deletelink:hover {color: blue;}

#myshoppinglistbody .changelink {color: olive;}
#myshoppinglistbody .changelink:hover {color: rgb(51, 51, 51);}
#myshoppinglistbody .removelink {color: #E23940;}
#myshoppinglistbody .removelink:hover {color: rgb(51, 51, 51);}

.redlink {color: rgb(253, 26, 19);}
.redlink:hover {color: rgb(51, 51, 51);}

.closelink {text-decoration: none; font-size: 8pt; color: red;}
.closelink:hover {color: blue;}

/* login */
#login {
    color: black;
    width: 154px;
}

.logininput {
    height: 18px;
    width: 130px;
    font-size: 11pt;
    font-weight: normal;
}

/* misc */
.errorstring {color: red;}
.req {color: red;}
.registerinput {width: 250px;}


#blackoutsite {
    background-color: rgb(0, 0, 0);
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    filter:alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;
}

#blackoutpopup {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

/*
Colors:
 BLUE rgb(52, 91, 148)
 RED rgb(172, 0, 0)
 ORANGE rgb(200, 96, 0)
 GREEN rgb(116, 151, 73)
 GREY rgb(94, 94, 94)
*/