a.DataGrid { text-decoration: underline; color: #C7D9CB;} 
a.DataGrid:link { text-decoration: underline; color: #C7D9CB;  }  
a.DataGrid:visited { text-decoration: underline; color: #C7D9CB;  }  
a.DataGrid:hover {  text-decoration: underline; color: black;} 

a.DataGridTitle { text-decoration: underline; font-weight: bold;color: #C7D9CB;} 
a.DataGridTitle:link { text-decoration: underline; color: #C7D9CB;  }  
a.DataGridTitle:visited { text-decoration: underline; color: #C7D9CB;  }  
a.DataGridTitle:hover {  text-decoration: underline; color: black;} 

a.DataGridNameLink { text-decoration: underline;color: black;} 
a.DataGridNameLink:link { text-decoration: underline; color: black;  }  
a.DataGridNameLink:visited { text-decoration: underline; color: black;  }  
a.DataGridNameLink:hover {  text-decoration: underline; color: #94ADEB;} 

a.DataGridNameLinkUser { text-decoration: underline;color: navy; font-weight: bold;font-size: 10pt;} 
a.DataGridNameLinkUser:link { text-decoration: none; color: navy;  }  
a.DataGridNameLinkUser:visited { text-decoration: none; color: navy;  }  
a.DataGridNameLinkUser:hover {  text-decoration: underline; color: red;} 

a.OnBackGround{ text-decoration: none; font-size:10pt; color: black;} 
a.OnBackGround:link { text-decoration: none; color: black;  }  
a.OnBackGround:visited { text-decoration: none; color: black;  }  
a.OnBackGround:hover {  text-decoration: none; color: #384881;} 


textarea{

	width:300px;
	border: solid #7F3636 1px;
}

textarea:hover{
	border: solid #7F3636 1px;
	background-color: yellow;
}

input{
	border: solid #7F3636 1px;
	background-color: white;
}

input:hover{
	border: solid #7F3636 1px;
	background-color: yellow;
}


select{
	border: solid #7F3636 1px;
}

select:hover{
	border: solid #7F3636 1px;
	background-color: yellow;
}

h3 {color:black;font-size: 20pt; text-align:center;}

.InputImage{
	border: 0;
	background-color: transparent;
}

.InputImage:hover{
	border: 0;
	background-color: transparent;
}

.img:hover{
	border: 0;
	background-color: transparent;
}


/* Forms */
table.form{
	text-align:center;
	border: solid #7F3636 1px;
	background-color: white;
	width:790px;
	color:black;
}
td.form{
	text-align:right;
	font-weight: bold;
	width: 40%;
}

.formleft{
	text-align:right;
	font-weight: bold;
	margin: 1em;
}


/* End Forms */



.formright{
	margin: 1em;
	text-align:left;
}

table.halfform{
	text-align:center;
	border: solid #7F3636 1px;
	background-color: white;
	width: 300px;
	color:black;
}
td.halfform{

	font-weight: bold;
	
}

td.halfformfix{
	font-weight: bold;
	width: 150px;
}

td.halfformright{
	margin: 1em;
	text-align:left;
}

/* Normal datagrid */

.DataGridMain{
	margin-top: 1em;
	width: 80%;
	border: solid 1px #7F3636;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	
}

.DataGridItem{
	width: 120px;
	height:24px;
	color:black;
	border: solid 1px #7F3636;
	text-align:center;
	background-color: white;
}

.DataGridHeader{
	width: 120px;
	height:24px;
	border: solid 1px #7F3636;
	text-align:center;
	color:black;
	background-color: #F6F6D0;
}
.DataGridFooter{
	width: 120px;
	height:24px;
	border: solid 1px #7F3636;
	text-align:center;
	color:black;
	background-color: #F6F6D0;
}

.DataGridPager{
	color:black;
	background-color: #F6F6D0;
}

/* User datagrid */

.UserDataGridMain{
	margin-top: 1em;
	vertical-align: top;
	
	width: 790px;
	border: solid 1px white;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	
}

.UserDataGridRecipeName{
	
	text-align:left; 
	margin-left: 0.1em; 
}

.UserDataGridItem{
	font-size: 8pt;
	vertical-align: top;
	color:black;
	border-bottom: solid #F6F4F4 1px;
	text-align:left;
	background-color: white;
}

.UserDataGridHeader{
	/* display: none; */
	border: 0;
	text-align:left;
	color:black;
	background-color: white;
	vertical-align:top;
	height: 20px;
}
.UserDataGridFooter{
	border: 0;
	text-align:center;
	color:black;
	background-color: white;
}

.UserDataGridPager{
	color:black;
	background-color: white;
	font-size: 10pt;
	height: 30px;
	vertical-align: top;
}

/* Misc */

.message{
	font-style: italic;
	color: blue;
}

.recipetitle{
	font-size:18pt;
	color: navy;
}

.recipesubtitle{
	background-color: yellow;
	font-size:12pt;
	color: navy;
}

.recipesubtitleintro{
	font-size:10pt;
	font-style: italic;
	color: navy;

}

.recipecategory{
	font-weight: bold;
	font-size:12pt;
	color: purple;
}

.recipetable {
	width: 750px;
	
}


.reciperight{
	text-align:right;
	vertical-align: top;
}

.recipeleft{
	vertical-align: top;
}

.maincontent{
	margin-right: 5em;
}

#category {
	width: 100%;
	font-size: 9pt;
}

#category tr{
	margin-bottom:50px;
}

#category td{
	width: 150px;
	vertical-align:top;
	
	
}

