﻿body 
{
    background-color:#e6e6e6;
    margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#575757;
}
h3{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6em;	color: #ff0000; font-weight: bold;}
a:active {outline:none;}
a:focus {outline: none;}
.clear{
	clear: both;
}
.pageTitle{padding: 0px 5px 5px 5px;font-family:  Arial,Verdana,Helvetica, sans-serif; font-size: 16px;color: #ff0000; font-weight: bold; text-transform:uppercase;}

#wrapper
{
    background-color:#ffffff;
    width: 835px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 20px;}
#wrapperBottom    
{   height: 50px;
    width: 835px;
    background-image: url(/assets/img/WN_BG_Bottom.gif);
    background-repeat: no-repeat;
    margin-left:auto;
    margin-right:auto;
}

a:link {font-family: Verdana, Arial, Helvetica, sans-serif;	color: #343434;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;	color: #343434;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;	color: #ff0000;	text-decoration: underline;}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif;	color: #ff0000;}
input.style01 {border:1px solid #cccccc; height:19px; padding-left: 5px; font-size: 11px; color:#333333;}
select.style01 {border:1px solid #cccccc; height:23px; font-size: 10px; color:#333333;}
select.style01 option {border-bottom:1px solid #dadada; font-size: 10px; color:#333333;}

.menuLink
{   text-transform: uppercase; 
    color: #a2a2a2;
    text-decoration: none;
    font-size: 9px; 
    font-weight:bold;}

.menuLink a:link {color: #a2a2a2; text-decoration:none;}
.menuLink a:visited {color: #a2a2a2; text-decoration:none;}
.menuLink a:hover {color: #ff2818; text-decoration:none;}
.menuLink a:active {color: #ff2818; text-decoration:none;}



.smallBlackBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #343434;
}

.smallBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #343434;
	line-height: 1.6em;
}


.smallRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

.MainNav
{   height: 31px;
    width: 815px;
    background-image: url(/assets/img/WN_Nav_BG.gif);
    background-repeat: no-repeat;
    margin-left:auto;
    margin-right:auto;
    padding-top: 9px
}

.AdminNav
{   height: 31px;
    width: 815px;
    background-image: url(/assets/img/WN_Nav_BG_Empty.gif);
    background-repeat: no-repeat;
    margin-left:auto;
    margin-right:auto;
    padding-top: 9px
}

.footerNav
{   width: 815px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 9px
}
.footerItem{font-size: 9px;color: #a2a2a2; }
.footerItem a{color: #a2a2a2; text-decoration:none;}
.footerItem a:hover{color: #ff2818; text-decoration:none;}
.footerItem a:visited{color: #a2a2a2; text-decoration:none;}
.footerItem a:active{color: #a2a2a2; text-decoration:none;}

.MainContent
{
    width: 800px;
    margin-left:auto;
    margin-right:auto;}
.bodyBlack {
	font-size: 11px;
	font-weight: normal;
	color: #343434;
}
.bodyBlackItal {
	font-size: 11px;
	font-weight: normal;
	color: #343434;
	font-style: italic;
}
.bodyBlackBold {
	font-size: 11px;
	font-weight: bold;
	color: #343434;
}
.bodyBlackBoldItal {
	font-size: 11px;
	font-weight: bold;
	color: #343434;
	font-style: italic;
}
.bodyGrey {
	font-size: 11px;
	font-weight: normal;
	color: #6E6E6E;
}
.altLogin
{
    background: #ffffff url(/assets/img/ALT_login_BG.jpg) no-repeat;
    width: 465px;
    min-height: 415px;
    margin-left:auto;
    margin-right:auto;
    padding: 80px 340px 0px 5px }
.Required{Color:Red}   
.searchHeader
{
    background: #ffffff url(/assets/img/Story_header_master_BG.gif) no-repeat;
    width:805px;
    margin-left:auto;
    margin-right:auto;
    padding: 5px 5px 5px 5px;
    border-bottom: solid 1px #e1e1e1;
}
.searchResults
{
    background: #ffffff url(/assets/img/Background_gradient1.jpg) repeat-y;
    width:803px;
    margin-left:auto;
    margin-right:auto;
    padding: 5px 5px 5px 5px;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
}
.smallRedBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
}
a.smallRedBold:link {
	color: #ff0000;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}
a.smallRedBold:visited {
	color: #ff0000;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}
a.smallRedBold:hover {
	color: #000000;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}
a.smallRedBold:active {
	color: #ff0000;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}
a.smallRed:link {
	color: #ff0000;
	text-decoration: underline;
	font-size: 10px;
}
a.smallRed:visited {
	color: #ff0000;
	text-decoration: underline;
	font-size: 10px;
}
a.smallRed:hover {
	color: #000000;
	text-decoration: underline;
	font-size: 10px;
}
a.smallRed:active {
	color: #ff0000;
	text-decoration: underline;
	font-size: 10px;
}

/******************  TABS **********************/
.tab_Normal
{
position: relative;
font-family: arial, helvetica, sans-serif;
color: #ff0000;
background: url(/assets/img/Tab_UnSelected.gif) no-repeat;
white-space: nowrap;
display: block;
width: 132px;
height: 30px;
margin: 0;
padding: 0;
border: solid 0px transparent;
border-bottom: solid 1px #cccccc;
}

.tab_Normal a:hover 
{
color: #cccccc;

}

.tab_Active
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/assets/img/Tab_Selected.gif) no-repeat;
white-space: nowrap;
display: block;
width: 132px;
height: 30px;
margin: 0;
padding: 0;
border: solid 0px transparent;
}

.tab_Active a
{
display: block;
color: #000000;
font-size: 11px;
width: 120px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.tab_Active img
{
width: 120px;
height: 40px;
border: 0
}

.tab_Active a:hover img
{
visibility:hidden
}

.tab_Active span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
/****************** END  TABS **********************/
.profileContainer
{
width: 760px;   
background: #ffffff url(/assets/img/Background_gradient1.jpg) repeat-y;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
padding: 10px 20px 20px 20px;
}

.recipeNav
{
width: 705px;   
background: #ffffff url(/assets/img/recipeNav_BG.jpg) 0px 0px no-repeat;
border-bottom: solid 1px #e2e2e2;
padding: 5px 10px 5px 100px;
margin-left:auto;
margin-right:auto;
}
.recipeCopy
{	font-size: 11px;
	color: #343434;
	line-height: 1.6em;
    padding: 5px 15px 5px 5px;}
.recipeCategoryList
{
width: 775px;   
background: #ffffff url(/assets/img/recipe_browse_bg.jpg) repeat-y;
border-bottom: solid 1px #cccccc;
padding: 10px 20px 20px 20px;
margin-left:auto;
margin-right:auto;

}    
.recipeGold{color:#917b3f; font-weight:bold; padding-bottom: 5px;}  
.recipeGold a:link {color: #917b3f; text-decoration:none;}
.recipeGold a:visited {color: #917b3f; text-decoration:none;}
.recipeGold a:hover {color: #000000; text-decoration:none;}
.recipeGold a:active {color: #917b3f; text-decoration:none;}

.recipeHeaderGrey{color:#4e5c69; font-weight:bold; padding-bottom: 10px;}  

.bodyBrown{color:#8a5b2d; padding-bottom: 5px;}  
.bodyBrown a:link {color: #8a5b2d; text-decoration:none;}
.bodyBrown a:visited {color: #8a5b2d; text-decoration:none;}
.bodyBrown a:hover {color: #000000; text-decoration:none;}
.bodyBrown a:active {color: #8a5b2d; text-decoration:none;}

.recipeList
{
width: 775px;   
background: #ffffff url(/assets/img/recipe_list_BG.jpg) repeat-y;
border-bottom: solid 1px #cccccc;
padding: 10px 20px 20px 20px;
margin-left:auto;
margin-right:auto;

}
.recipeContainer
{
width: 775px;   
background: #ffffff url(/assets/img/recipe_list_BG.jpg) repeat-y;
border-bottom: solid 1px #e0e0e0;
padding: 10px 20px 20px 20px;
margin-left:auto;
margin-right:auto;

}
.recipeContainerCap
{
width: 775px;   
background: #ffffff url(/assets/img/recipe_list_BG.jpg) repeat-y;
border-top: solid 1px #e0e0e0;
padding: 0px 20px 0px 20px;
margin-left:auto;
margin-right:auto;

}
.recipeHeaderBottom
{
width: 815px;   
border-bottom: solid 1px #e0e0e0;
margin-left:auto;
margin-right:auto;

}
.recipeNameBrown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #963906;
}

.recipeLink {color: #7b7b7b; text-decoration:none;
    font-family: Arial,Verdana,  Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:10px;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
}
.recipeLink a:link {color: #7b7b7b; text-decoration:none;}
.recipeLink a:visited {color: #7b7b7b; text-decoration:none;}
.recipeLink a:hover {color: #000000; text-decoration:none;}
.recipeLink a:active {color: #7b7b7b; text-decoration:none;}


.printRecipeItem
{
    font-family: Arial,Verdana,  Helvetica, sans-serif;
	background: transparent url(/assets/img/icon_recipe_print.gif) 0px 0px no-repeat;
    padding: 2px 0px 3px 25px;
    
}
.reviewRecipeItem
{
    font-family: Arial,Verdana,  Helvetica, sans-serif;
	background: transparent url(/assets/img/icon_recipe_review.gif) 0px 0px no-repeat;
    padding: 2px 0px 3px 25px;
    
}
.rateRecipeItem
{
    font-family: Arial,Verdana,  Helvetica, sans-serif;
	background: transparent url(/assets/img/icon_recipe_rate.gif) 0px 0px no-repeat;
   padding: 2px 0px 3px 25px;
    
}
.addRecipeItem
{
    font-family: Arial,Verdana,  Helvetica, sans-serif;
	background: transparent url(/assets/img/icon_recipe_add.gif) 0px 0px no-repeat;
    padding: 2px 0px 3px 25px;
    
}
.reviewRow
{
    border-bottom: solid 1px #e0e0e0;

}

.forgotLogin
{
    background: #ffffff url(/assets/img/Reminder_BG.gif) no-repeat;
    width: 730px;
    min-height: 415px;
    margin-left:auto;
    margin-right:auto;
    padding: 80px 40px 0px 40px;
   }
    
.joinDiv
{
    background: #ffffff url(/assets/img/Join_BG.gif) no-repeat;
    width: 730px;
    min-height: 415px;
    margin-left:auto;
    margin-right:auto;
    padding: 80px 40px 0px 40px;}

.tableHeader
{
width: 793px;   
color: #000000;
background-color: #d8d8d8;
border: solid 1px #d8d8d8;
padding: 5px 10px 5px 10px;
margin-left:auto;
margin-right:auto;
}
.recipeListContainer
{
    width: 700px;   
    background: #ffffff url(/assets/img/Background_gradient1.jpg) repeat-y;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding: 10px 20px 20px 20px; }
.controlHide
    {
        visibility:hidden;}
        
.AdminMenuLink
{   text-transform: uppercase; 
    color: #a2a2a2;
    text-decoration: none;
    font-size: 9px; 
    font-weight:bold;
    padding: 0px 10px 0px 10px}

.AdminMenuLink a:link {color: #a2a2a2; text-decoration:none;}
.AdminMenuLink a:visited {color: #a2a2a2; text-decoration:none;}
.AdminMenuLink a:hover {color: #ff2818; text-decoration:none;}
.AdminMenuLink a:active {color: #ff2818; text-decoration:none;}

        