/* MISC */
textarea {font-family:Arial,Helvetica,sans-serif; font-size:12px;}

/* START For login title */
.regFH {	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.25em; color:#99022f; font-weight: bold;}
.LoginPanel span table tr td img {display:none;}
.smoothbox {display:none;}
/* END For login title */

.thumbImageContainer {width:100px; height:100px; overflow:hidden;}
.separator { background:url(/images/mf_ideas/dotted-line.gif) repeat-x 0 0; height:5px; margin:20px 0px;}
.leftcol a { color:#58001A; }
.leftcol a:hover { color:#98012E; }
.searchResults {width:200px; float:right; text-align:right; margin-right:20px;}

.extraInfo span { color:#c1c1c1; font-size:10px;}

.listingInPage { float:right;}
.listingInPage a {
    background:transparent url(/images/masterfoods/asset-arrow.jpg) no-repeat scroll 0 0;
    height:25px;
    margin:8px 0 0;
    padding:1px 10px 1px 23px;
}

/* NAVIGATION */
.navigation {list-style: none;clear: both;padding: 0px;margin: 0px; width:602px; height:37px;position: relative;background: transparent url(/images/masterfoods/tabs_dummy.gif) no-repeat 0 0;}
ul.navigation li { float:left; width:150px; height:37px;}
ul.navigation li a  { font-family: Georgia, "Times New Roman", Times, serif; color: #000 !important; width:150px; height:37px; line-height:37px; text-indent:48px;}

.navigation.recipe {background: transparent url(/images/masterfoods/tabs_dummy_recipe.gif) no-repeat 0 0;}
ul.navigation li.recipe { float:left; width:180px; height:37px;}
ul.navigation li.recipe a { font-family: Georgia, "Times New Roman", Times, serif; color: #000 !important; width:180px; height:37px; line-height:37px; text-indent:48px;}

/* RATING */
.rating
{
    width: 85px;
    height: 16px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
    position: relative;
    background: url(/images/mf_ideas/rating.gif) no-repeat 0 0;
}

ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
text-indent:-999em;/* hide text*/
}

ul.rating li a
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 17px;
    height: 16px;
    text-decoration: none;
    z-index: 200;
}

ul.rating li.one a {left:0px;-moz-outline:none;}
ul.rating li.two a {left:17px;-moz-outline:none;}
ul.rating li.three a {left:34px;-moz-outline:none;}
ul.rating li.four a {left:51px;-moz-outline:none;}
ul.rating li.five a {left:68px;-moz-outline:none;}

.nostar {background-position:0px 0px;}
.onestar {background-position:0px -16px;}
.twostar {background-position:0px -32px;}
.threestar {background-position:0px -48px;}
.fourstar {background-position:0px -64px;}
.fivestar {background-position:0px -80px;}

ul.rating li a:hover {
z-index:2;
width:85px;
height:16px;
overflow:hidden;
left:0px;
background: url(/images/mf_ideas/rating.gif) no-repeat 0 0;
}

ul.rating li.one a:hover {background-position:0px -16px;}
ul.rating li.two a:hover {background-position:0px -32px;}
ul.rating li.three a:hover {background-position:0px -48px}
ul.rating li.four a:hover {background-position:0px -64px}
ul.rating li.five a:hover {background-position:0px -80px}

/* Rating - No Hover */

.ratingNH
{
    width: 85px;
    height: 16px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
    position: relative;
    background: url(/images/mf_ideas/rating.gif) no-repeat 0 0;
}

ul.ratingNH li {

/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
text-indent:-999em;/* hide text*/
}

ul.ratingNH li span
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 17px;
    height: 16px;
    text-decoration: none;
    z-index: 200;
}

ul.ratingNH li.one span {left:0px;-moz-outline:none;}
ul.ratingNH li.two span {left:17px;-moz-outline:none;}
ul.ratingNH li.three span {left:34px;-moz-outline:none;}
ul.ratingNH li.four span {left:51px;-moz-outline:none;}
ul.ratingNH li.five span {left:68px;-moz-outline:none;}

ul.ratingNH.nostar {background-position:0px 0px;}
ul.ratingNH.onestar {background-position:0px -16px;}
ul.ratingNH.twostar {background-position:0px -32px;}
ul.ratingNH.threestar {background-position:0px -48px;}
ul.ratingNH.fourstar {background-position:0px -64px;}
ul.ratingNH.fivestar {background-position:0px -80px;}


/* COMMENTS */

.comment {
	/*background: #f0efe4 url(/images/quote.gif) no-repeat left top;*/
	/*width:450px;*/
	padding: 8px 8px 8px 0px;
	margin-bottom: 10px;
}
.commentContainer{ float:left; width:400px;}
.commentImageContainer {float:left; width:110px;}

.commentAuthorName { height:20px; }
.comment .commentAuthorName, .comment b {
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#99022f;
    font-weight:bold;
}

.commentAdmin {
	/*background: #EBEBEB url(/images/quote_admin.gif) no-repeat left top;*/
	/*width:450px;*/
	padding: 8px 8px 8px 0px;
	margin-bottom: 10px;
}
.commentAdmin .commentAuthorName, .comment b {
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#99022f;
    font-weight:bold;
}

.commentText {
    background-color:#FFFFFF;
    border-bottom:1px solid #E7D6C4;
    margin-top:0.5em;
    padding:0.5em 1em;
}

.addCommentContainer 
{
    width:412px;
    margin:10px 0px 0px 0px;
    padding:8px;
    background:#F0EFE4;
    border-top:solid 2px #ECECEC;
}

.txtAddComment 
{
    width:400px; height:65px;
    padding-top:0.5em;
    border:none; border-bottom:solid 1px #E7D6C4; 
    padding:3px; 
    font-family:tahoma,verdana,arial;
    font-size: 11px;
    overflow:hidden;
    padding-bottom:15px;
}

.edit { background-color:#EFEFEF; height:auto;}
span.smallDate { font-size:9px; color:#99022f;font-family:Tahoma;font-weight:normal;}
.commentCount {float: right; width: 20px; text-align: right; color: #CCC;}