﻿html 
{
	height:100%;
}

body
{
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	color: white;
	font-family: Verdana, Arial;
}

/* prepares the background image to full capacity of the viewing area */
#bg 
{
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
}

/* places the content ontop of the background image */
#content 
{
	position:relative; 
	z-index:1;
}
    
.MailingList
{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new/images/popup.png');*/
}

.MailingListClose
{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
}

.TopMenu 
{
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.TopMenu A:link
{
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.TopMenu A:visited
{
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	text-align: center;
}

.TopMenu  A:active
{
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	text-align: center;
}

.TopMenu A:hover
{
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:underline;
	text-align: center;
}

.TopMenuSubMenu Table
{
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #007dcd;
	border-collapse: collapse;
}

.TopMenuSubMenu Table Td
{
	border-width: 1px;
	border-style: inset;
	border-color: #007dcd;
}

.TopMenuSubMenu Table Table
{
	border: none;
}

.TopMenuSubMenu Table Table Td
{
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
}

.TopMenuSubMenuItem
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #017fcb;
	background-color: #91d6f5;
	text-decoration: none;
	text-align: left;
	width:100%;
}

.TopMenuSubMenuItemHover
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #91d6f5;
	background-color: #ffffff;
	text-decoration: none;
	text-align: left;
	width:100%;
}

.BottomMenu 
{
	padding:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.BottomMenu A:link
{
	padding:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.BottomMenu A:visited
{
	padding:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}

.BottomMenu  A:active
{
	padding:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}
.BottomMenu A:hover
{
	padding:3px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:underline;
}

.ManageMenu 
{
	background-color:Black;
}

.ManageMenu A:link
{
	padding-left:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.ManageMenu A:visited
{
	padding-left:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}

.ManageMenu  A:active
{
	padding-left:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}
.ManageMenu A:hover
{
	padding-left:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:underline;
}

.ManageLeftMenu 
{
}

.ManageLeftMenu A:link
{
	padding-left:10px;
	padding-right:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.ManageLeftMenu A:visited
{
	padding-left:10px;
	padding-right:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}

.ManageLeftMenu  A:active
{
	padding-left:10px;
	padding-right:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}
.ManageLeftMenu A:hover
{
	padding-left:10px;
	padding-right:10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:underline;
}

.PageTitle
{
	font-weight: bold;
	font-size: 13pt;
	font-family: Arial, Verdana ;
	color: #ffffff;
	padding-left: 20px;
	padding-top: 20px;
}

.PageContent
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:justify;
	border:solid 1 black;
}

.PageContentBlue
{
	color: #000066;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	border: solid 1 black;
}

.ProductTableHeader
{
	background-image: url(images/productstableheaderbg.gif);
	background-repeat: repeat-x;
	height: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	color: #6a7fba;
	font-family: Verdana, Arial;
}

.ProductTableHeader A:link
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	color: #6a7fba;
	font-family: Verdana, Arial;
	text-decoration:none;
}
.ProductTableHeader A:visited
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	color: #6a7fba;
	font-family: Verdana, Arial;
	text-decoration:none;
}
.ProductTableHeader A:active
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	color: #6a7fba;
	font-family: Verdana, Arial;
	text-decoration:none;
}
.ProductTableHeader A:hover
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	color: #6a7fba;
	font-family: Verdana, Arial;
	text-decoration:underline;
}

.ProductTableContent
{
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.TabBorder
{
	border-right: #9999ff 1px solid;
	border-left: #9999ff 1px solid;
	border-bottom: #9999ff 1px solid;
	background-color: white;
}
.InputText
{
	font-family: Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
}

.DataForm
{
	background-color: White;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}

.Pager table td span
{
	font-family: Arial;
	font-size: 11px;
	color: white;
	font-weight:bold;
	text-decoration: none;
	background-color: #ff6600;
	padding-right: 3px;
	padding-left: 3px;
}

.PagerLink A:link
{
	font-family: Arial;
	font-size: 11px;
	color: #ff6600;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}

.PagerLink A:visited
{
	font-family: Arial;
	font-size: 11px;
	color: #ff6600;
	text-decoration:none;
	padding-right: 2px;
	padding-left: 2px;

}
.PagerLink A:active
{
	font-family: Arial;
	font-size: 11px;
	color: #ff6600;
	text-decoration:none;
	padding-right: 2px;
	padding-left: 2px;

}
.PagerLink A:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #ff6600;
	text-decoration:underline;
	border-right: #ff6600 1px solid;
	border-top: #ff6600 1px solid;
	border-left: #ff6600 1px solid;
	border-bottom: #ff6600 1px solid;
	padding-right: 2px;
	padding-left: 2px;

}

.TableHeader A:link
{
	background-color: #007ecd;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	display: block;
}

.TableHeader A:visited
{
	background-color: #007ecd;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	display: block;

}
.TableHeader A:active
{
	background-color: #007ecd;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	display: block;

}
.TableHeader A:hover
{
	background-color: #007ecd;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:underline;
	display: block;

}

.BlueTable
{
	background-color: #007ecd;
	border: none;
}

.BlueTable td
{
	border: none;
}

.WhiteBorder
{
	border-bottom-color:White;
	border-bottom-style:solid;
	border-bottom-width:1px;	
}

.TableHeader
{
	font-family: Arial;
	font-weight: bold;
	font-size: 8pt;
	color: white;
	background-color: #007ecd;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-right: #007ecd 1px solid;
	border-top: #007ecd 1px solid;
	border-left: #007ecd 1px solid;
	border-bottom: #007ecd 1px solid;
}

.TableBody
{
	font-family: Arial;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	background-color: white;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-right: #007ecd 1px solid;
	border-top: #007ecd 1px solid;
	border-left: #007ecd 1px solid;
	border-bottom: #007ecd 1px solid;
}

.FormCaption
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	background-color: #007ecd;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align:center;
}

.FormFieldName
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	background-color:Silver;
	padding-bottom: 3px;
	padding-top: 3px;
}

.FormFieldBody
{
	font-weight: normal;
	font-size: 8pt;
	color: Black;
	background-color:White;
	padding-bottom: 3px;
	padding-top: 3px;
}

.BodyText
{
	font-family: Arial;
	font-weight: normal;
	font-size: 8pt;
}

.Modal
{
	background-color:#3961de;
}

.ModalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.LoginForm
{
	border: white 1px solid;
}

.SystemMessage
{
	font-size: 9pt;
	color: #ffffff;
	font-family: Arial;
	font-weight: normal;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	text-align: center;
}

.SystemErrorMessage
{
	font-size: 9pt;
	color: #ff6633;
	font-family: Arial;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
	border-right: #ff6633 1px solid;
	border-top: #ff6633 1px solid;
	border-left: #ff6633 1px solid;
	border-bottom: #ff6633 1px solid;
	text-align: center;
}

.Calendar .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color: white;
    color: black;
    font-weight:normal;
}

.Calendar .ajax__calendar_container .ajax__calendar_header 
{
	background-color: blue;
	color: White;
	padding-top: 5px;
}

.Calendar .ajax__calendar_container .ajax__calendar_footer 
{
	background-color: blue;
	color: White;
}

.Calendar .ajax__calendar_day
{
	border-right: White 1px solid;
	border-top: White 1px solid;
	border-left: White 1px solid;
	border-bottom: White 1px solid;
}
.Calendar .ajax__calendar_other .ajax__calendar_day, .Calendar .ajax__calendar_other .ajax__calendar_year
{
	color: black;
	background-color: gainsboro;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
}

.Calendar .ajax__calendar_hover .ajax__calendar_day, .Calendar .ajax__calendar_hover .ajax__calendar_month, .Calendar .ajax__calendar_hover .ajax__calendar_year
{
	color: black;
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
}

.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year 
{
    color: black;
    font-weight:bold;
}

.ProductName
{
	font-weight: bold;
	font-size: 12pt;
	color: #003366;
	font-family: Arial;
}

.ProductDescription
{
	font-weight: normal;
	font-size: 10pt;
	color: #003366;
	font-family: Arial;
}

.ProductPrice
{
	font-weight: bold;
	font-size: 10pt;
	color: #003366;
	font-family: Arial;
}

.ProductSearch
{
	font-weight: bold;
	font-size: 11pt;
	color: white;
	font-family: Arial;
}

.TabBorder
{
	border-bottom:solid 1px gray;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
}

.ContentLinkSmall A:link
{
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color: white;
	text-decoration: none;
}

.ContentLinkSmall A:visited
{
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color: white;
	text-decoration:none;
}
.ContentLinkSmall A:active
{
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color: white;
	text-decoration:none;
}
.ContentLinkSmall A:hover
{
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color: white;
	text-decoration:underline;
}

.RecipeLink A:link
{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: white;
	text-decoration: none;
}

.RecipeLink A:visited
{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: white;
	text-decoration:none;
}
.RecipeLink A:active
{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: white;
	text-decoration:none;
}
.RecipeLink A:hover
{
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: white;
	text-decoration:underline;
}