/* body definition can be used to provide an offset */
#BaseLayout
{
    /* Entire Area of the site */
    margin: 0 auto;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: black; /*#185394;*/ 
	/*border-width: 11px;
	border-color: #185394; 
	border-style: none solid none solid;*/
	/*min-width: 750px; */
	background-color: #F8F8F8;
}
#Header
{
    /* Header Area */
    font-size: xx-large;
    color: Navy;
    min-height: 75px;
    height: 75px;
}
#Header-Quotes
{
    /* The rotating Quotes in the top left-hand corner */
    font-size: small;
    color: Navy;
    background-image: url('./images/GlassHeader.jpg');
    background-repeat: repeat;
    min-height: 75px;
    height: 75px;
    font-style: italic;
    font-weight: bold;
 }
#Header-Title
{
    /* The title part of the header */
    background-image: url('./images/heads.jpg');
    min-height: 75px;
    height: 75px;
}
#PageContent
{
    /* The Content Portion */
    font-size: small;
}
#PageTitle
{
    /* The Title that shows within the Content Area */
    font-family: Segoe Print, Arial Black, Sans-Serif;
    font-size: medium;
    color: Navy;
    font-weight: bold;
}
#LeftMenu
{
    /* Left-hand column - Navigation */
    font-size: small;
    color: Navy;
}
#SideBar
{
    /* Optional Side Bar */
    font-size: x-small;
}
#Footer
{
    /* Footer */
    font-size: x-small;
}

#AddButton 
{
    text-align: right;
    float: right;
}

/* Styles for basic forms
-----------------------------------------------------------*/

/*fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}*/


fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    /*min-inline-size: min-content;*/
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}

legend {
    color: navy;
    font-size: 14px;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    width: auto;
    margin-bottom: 0;
    float: none;
}

ul.no-bullets {
    list-style-type: none; /* Remove bullets */
    /*margin: 0;*/ /* Remove default margin */
    /*padding: 0;*/ /* Remove default padding */
}

textarea 
{
    min-height: 75px;
}

.page-title {
    font-family: Segoe Print, Arial Black, Sans-Serif;
    font-size: large;
    color: Navy;
    font-weight: bold;
}

.servingSize {
    font-size: smaller;
}
.tagline
{
    /* The rotating Quotes in the top left-hand corner */
    font-size: small;
    height: 75px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.tagline_small
{
    /* The rotating Quotes in the top left-hand corner */
    font-size: x-small;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.website_header
{
    font-size: xx-large; 
    font-family: Ravie, Jokerman, Cooper Black, Arial Black, Sans-Serif;
    font-weight: bolder;
    color: Navy;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Style for Pager Templage
------------------------------------------ */
.pager_template
{
    height: 32px;
}
.pager_template div.left
{
    padding: 3px;
    float: left;
    height: 30px;
    width: 400px;
}
.pager_template div.right
{
    padding: 3px;
    float: right;
    height: 30px;
    width: 170px;
}
.pager_template .button
{
    float: left;
    margin: 2px;
}
.pager_template .editor
{
    float: left;
    margin: 3px 0px 1px;
}
.pager_template label
{
    float: left;
    display: block;
    margin: 2px 4px;
    padding: 4px 0px;
}

.fright
{
    float: right;
}
.fRight
{
    float: right;
}
.fleft
{
    float: left;
}
.fLeft
{
    float: left;
}
/* Need to override bootstrap's settings */
.label 
{
    color: Navy;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.notice 
{
    color: Red;
}

/*** Control Set ***/
ol.controlset { list-style-type: none; padding-left: 0px; color: Black; vertical-align:top; display:inline-block;}
ol.controlset ol { list-style-type: inherit; padding-left: 4em; }
ol.controlset li { list-style-type: inherit; padding: 0.1em 0; margin: 0.1em 0; vertical-align:middle;}
ol.controlset li>table { display: inline-table; vertical-align:middle; }
ol.controlset li>label { display: inline-table; vertical-align:middle; }
ol.controlset div { display: inline-block;}
ol.controlset .label { display: inline-block; /*line-height: 2.2;*/ text-align: left;vertical-align:middle; }
ol.controlset .top { display: block; }
ol.controlset .editor { display: inline-table; vertical-align:middle; } /* was inline-table, but the others were inline-block */
ol.controlset .right { text-align: right; }
ol.controlset .center {text-align: center; }
ol.controlset .bold { font-weight: bold; }
ol.controlset .display { line-height: 1.5; }
ol.controlset .tiny { width: 2em; }
ol.controlset .shortest { width: 6em; }
ol.controlset .shorter { width: 10em; }
ol.controlset .short { width: 14em; }
ol.controlset .medium { width: 18em; }
ol.controlset .long { width: 22em; }
ol.controlset .longer { width: 26em; }
ol.controlset .longest { width: 30em; }
ol.controlset .midheight { line-height: 2.2; }
ol.controlset .aligntop { vertical-align: top; }