body {
	margin: 0px;
	padding: 0px;
	background: url(../images/backgrounds/main.png) #fff no-repeat;
	background-size: cover;
	font-family: verdana;
	font-size: 12px;
	color: #fff;
}

a {
	color: #eee;
	text-decoration: underline;
}

a:hover {
	color: #ffd000;
	text-decoration: underline;
}

a.menu {
	color: #fff;
	text-decoration: none;
}

a.menu:hover {
	color: #000;
	text-decoration: none;
}

a.menuDark {
	color: #fff;
	text-decoration: none;
}

a.menuDark:hover {
	color: #eee;
	text-decoration: none;
}

a.recipeLink {
	color: #ffd000;
	text-decoration: none;
}

a.recipeLink:hover {
	color: #ffe366;
	text-decoration: none;
}

p {
	display: inline-block;
	margin: 0px 0px 10px 0px;
}

p:last-child {
	display: inline-block;
	margin: 0px;
}

form, input, select, textarea {
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 12px;
	box-sizing: border-box;
}

.divHeader {
	background: url(../images/logo.png) left 10px center no-repeat;
	background-color: rgba(0,0,0,0.5);
	width: 1004px;
	/* width: 936px; */
	/* padding: 20px 20px 20px 68px; */
	padding: 10px;
	font-size: 12px;
	color: #fff;
	margin: 10px auto 10px auto;
	text-align: right;
	min-height: 38px;
}

.divMenu {
	width: 1024px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0px auto 10px auto;
}

.divMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.divMenu ul li {
	background-color: rgba(0,0,0,0.5);
	display: inline-block;
	margin: 0px 6px 0px 0px;
}

.divMenu ul li:hover {
	background-color: rgba(255,255,255,0.5);
	color: #000;
	text-decoration: none;
}

.divMenu ul li a {
	display: inline-block;
	padding: 10px;
}

.divContent {
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
	margin: 0px auto 10px auto !important;
	width: 1004px;
	overflow: auto;
}

.divContentLeft {
	width: 600px;
	float: left;
}

.divContentRight {
	width: 394px;
	float: right;
}

.divPageHeader {
	background-color: rgba(255,255,255,0.25);
	padding: 10px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 12px;
}

.divPageHeader p {
	display: block;
}

.divPageHeader h1 {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.divPageContent ul {
	margin: 0px;
	display: inline;
}

.divPageContent ul li {
	margin: 0px 0px 10px 35px;
	list-style: circle;
}

.divPageContent ul li:last-child {
	margin: 0px 0px 0px 35px;
}

.divPageContent p {
	margin: 0px 0px 10px 0px;
	display: block;
}

.divPageContent p:last-child {
	margin: 0px;
}

.divPremiumLeft {
	float: left;
	width: 497px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	border-top: 1px solid #fff;
	padding: 10px 0px 0px 0px;
}

.divPremiumRight {
	float: left;
	width: 497px;
	text-align: center;
	border-top: 1px solid #fff;
	padding: 10px 0px 0px 0px;
}

.tdHeader {
	padding: 10px;
	background-color: rgba(0,0,0,0.25);
}

.tdContent {
	padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	line-height: 16px;
	vertical-align: middle;
}

.divButtonGroup {
	margin: 0px 0px 10px 0px;
	overflow: auto;
}

.aButton {
	background: #275373;
	padding: 10px;
	display: inline-block;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	text-align: center;
	min-width: 100px;
}

.aButton:hover {
	background: #2e6085;
	text-decoration: none;
}

.aButton:last-child {
	margin: 0px;
}

.aButtonView {
	background: url(../images/icons/view_16.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	line-height: 16px;
	vertical-align: middle;
}

.aButtonView:last-child {
	margin: 0px;
}

.aButtonEdit {
	background: url(../images/icons/edit_16.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	line-height: 16px;
	vertical-align: middle;
}

.aButtonEdit:last-child {
	margin: 0px;
}

.aButtonDelete {
	background: url(../images/icons/delete_16.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	line-height: 16px;
	vertical-align: middle;
}

.aButtonDelete:last-child {
	margin: 0px;
}

.divFormGroup {
	overflow: auto;
	margin: 0px 0px 10px 0px;
}

.divFormGroup:last-child {
	margin: 0px;
}

.divFormGroup div {
	float: left;
	width: 240px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	line-height: 28px;
}

.divFormGroup input, textarea, select {
	float: right;
	width: 754px;
}

.divFormGroup textarea {
	width: 1004px;
	height: 100px;
}

.divFormGroup input[type="submit"] {
	float: none;
	display: block;
	width: 100%;
}

.divFormGroup span {
	float: right;
	width: 754px;
	text-align: right;
}

.divFormGroup span p {
	display: block;
	margin: 0px 0px 5px 0px;
	line-height: 16px;
	vertical-align: middle;
}

.divFormGroup span p input[type="checkbox"] {
	line-height: 16px;
	vertical-align: middle;
	margin: 3px 0px 0px 10px;
	width: auto;
}

.divGroupContent {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background: rgba(255,255,255,0.05);
	overflow: auto;
}

.divGroupContent:last-child {
	margin: 0px;
}

.divGroupContent ol {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.divGroupContent ol li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.divGroupContent ol li:last-child {
	margin: 0px;
}

.divGroupContentLeft {
	float: left;
	width: 480px;
}

.divGroupContentLeft select {
	width: 480px;
}

.divGroupContentRight {
	float: right;
	width: 480px;
}

.divGroupContentRight select {
	width: 480px;
}

.frmInput {
	background: #fff;
	padding: 10px;
	border: 0px;
}

.frmInput:disabled {
	background: #ddd;
	color: #aaa;
}

.frmButton {
	background: #275373;
	padding: 10px;
	display: inline-block;
	border: 0px;
	color: #fff;
}

.frmButton:hover {
	background: #2e6085;
	cursor: pointer;
}

.frmInputSmall {
	background: #fff;
	padding: 5px;
	border: 0px;
	float: left;
	max-width: 75px;
	height: 26px;
	margin: 0px 10px 0px 0px;
}

.frmInputSmall:last-child {
	margin: 0px;
}

.frmInputMedium {
	background: #fff;
	padding: 5px;
	border: 0px;
	float: left;
	max-width: 125px;
	height: 26px;
	margin: 0px 10px 0px 0px;
}

.frmInputMedium:last-child {
	margin: 0px;
}

.frmImage {
	width: 16px;
	height: 26px;
	border: 0px;
	background: url(../images/icons/edit_16.png) no-repeat center;
	vertical-align: middle;
}

.divError {
	background: url(../images/icons/error_16.png) left 10px center no-repeat rgba(212,161,144,0.75);
	padding: 10px 10px 10px 36px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	font-weight: bold;
}

.divSuccess {
	background: url(../images/icons/success_16.png) left 10px center no-repeat rgba(161,212,144,0.75);
	padding: 10px 10px 10px 36px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	font-weight: bold;
}

.divFormGroupHeader {
	padding: 10px;
	background: rgba(0,0,0,0.5);
	margin: 0px 0px 10px 0px;
}

.divGroupContentHeader {
	padding: 10px;
	background: rgba(0,0,0,0.5);
	margin: 0px 0px 10px 0px;
}

.flex {
	display: flex;
	flex-direction: row;
}

.divSearchBar {
	float: right;
	display: inline-block;
}

div:last-child {
	margin-bottom: 0px;
}

#dialogContent {
	display: none;
}

.divNutritionDisplay {
	overflow: auto;
}

.divNutritionDisplay span {
	display: inline-block;
	width: 350px;
	float: left;
}

.divNutritionDisplay div {
	display: inline;
	float: left;
	width: 600px;
}

.ui-datepicker {
	width: 384px !important;
	font-size: 12px !important;
	border-radius: 0px !important;
	border: 0px !important;
	font-family: verdana !important;
	padding: 0px !important;
}

.ui-datepicker-header {
	margin: 0px !important;
	padding: 5px !important;
	border: 0px !important;
	border-radius: 0px !important;
	height: 24px;
}

.ui-widget {
	margin: 0px !important;
	padding: 5px !important;
}

.ui-datepicker-prev {
	margin: 4px 0px 0px 4px !important;
}

.ui-datepicker-next {
	margin: 4px 4px 0px 0px !important;
}

.ui-datepicker-calendar {
	margin: 0px !important;
	padding: 5px !important;
}

.imageIcon {
	width: 16px;
	height: 16px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 0px;
	vertical-align: middle;
	display: inline-block;
}

.divFooter {
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
	margin: 10px auto 10px auto !important;
	width: 1004px;
	overflow: auto;
}

.divFooterLeft {
	float: left;
	width: 497px;
}

.divFooterLeft p {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.divFooterLeft p:last-child {
	margin: 0px;
}

.divFooterRight {
	float: right;
	width: 497px;
	text-align: right;
}

.divFooterRight ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.divFooterRight ul li {
	font-weight: bold;
	background-color: rgba(0,0,0,0.5);
	display: inline-block;
	margin: 0px 6px 0px 0px;
}

.divFooterRight ul li:hover {
	background-color: rgba(0,0,0,0.25);
}

.divFooterRight ul li:last-child {
	margin: 0px;
}

.divFooterRight ul li a {
	display: inline-block;
	padding: 10px;
}

.divGroupContent p {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.divGroupContent p:last-child {
	margin: 0px;
}

.fontRequired {
	font-weight: bold;
	color: #FFD000;
	font-size: 12px;
}

.yellowText {
	font-weight: bold;
	color: #FFD000;
	font-size: 12px;
}

.tooltip {
    position: relative;
    display: inline-block;
	margin-right: 5px;
}

.tooltipRight {
	margin-right: 0px;
	margin-left: 5px;
}

.tooltip .tooltipText {
    visibility: hidden;
    width: 300px;
    background-color: rgba(0,0,0,0.75);
    color: #fff;
    text-align: center;
    padding: 5px;
	font-size: 11px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltipText {
    visibility: visible;
}

.divGroupContentVideo {
	margin: 0px;
}

.divGroupContentCost {
	border-top: 3px solid rgba(0,0,0,0.25);
	padding-top: 10px;
}