﻿#recipeContainer
{
    margin-top: -20px;
}

.gridRow:hover, .gridRowAlt:hover
{
    background-color: #f5e174;
    cursor: auto;
}

.gridRowAlt:hover
{
    background-color: #c4ceba;
    cursor: auto;
}

.description:hover
{
    border: 1px solid Transparent;
}

.recipeStyle
{ 
	margin-top: -40px;
}

.notes
{
    color: #4e524a;
    font-size: 0.8em;
    height: auto;
}

.notes:hover
{
    border: solid 1px transparent;
}

.comments
{
}

.comments a, .comments:active, .comments:visited
{
    text-decoration: none;
}

.comments h3, .comments h5
{
    display: inline;
}

.comments h3
{
    margin-left: 16px;
}

.comments ul
{
    list-style-type: none;
    margin: 0;
}

.comments ul img
{
    vertical-align: top;
    float: left;
    margin-right: 8px;
}

.comments ul li
{
    margin: 16px 4px;
    padding: 0;
}

.comments .commentBody
{ 
    margin-left: 8em;
    color: #4e524a;
}

.commentPanel
{
    width: 428px;
    height: 320px;
    background-image: url('/images/panelBg400.png');
    background-repeat: no-repeat;
    /*background-color: #f2efcf;
    border: solid 1px #7f8578;*/
    padding: 22px;
}

.commentPanel input, .commentPanel select
{
    font-size: 0.8em;
}

.commentPanelHeader
{
    width: 100%;
    height: 25px;
    margin-bottom: 8px;
    cursor: move;
}

.commentPanelHeader h3
{
    font-size: 1.2em;
    color: #4e524a;
    display: inline;
}

.commentPanelHeader input
{
    margin-top: -6px;
    margin-right: -3px;
    background-color: Transparent;
    float: right;
    cursor: pointer;
}

.commentPanel textarea
{
    overflow: auto;
}

.commentControls
{
    text-align: right;
}

.actions
{
    text-align: right;
    margin-top: 38px;
}

.actions img
{
    vertical-align: middle;
}

.actions a
{
    border: solid 1px transparent;
    padding: 4px;
    margin: 4px;
}

.actions a:hover
{    
    background-color: #f2efcf;
    border: solid 1px gray;
}

/*Context Menu Styles*/
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(/images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}
