body {
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue" , Helvetica, Sans-Serif;
    background-color: #eee;
}

.t-header {
    font-family: 'Akzidenz Bold';
    background: #FFF;
    color: #F26522 !important;
    text-transform: uppercase;
    text-align: center;
}
.t-grid-header .t-header {
    background: #FFF !important;
    border-color: #625E59 !important;
    font-family: 'Akzidenz Bold' !important;
}
.t-header .t-link {
    color: #625E59 !important;
}
.t-content {
    background: #F26522 !important;
    text-align: center;   
}
.t-button {
    color: #F26522 !important;
    font-family: 'Akzidenz Bold' !important;
}
.t-state-hover, .t-state-hover:hover {
    background: #F26522 !important;
    border-color: #F26522 !important;
}
.t-grid-header-wrap, .t-grid-footer-wrap
{
    border: 0!important;
}
.t-numeric .t-link, .t-numeric .t-state-active {
    color: #F26522;
}
.t-numeric .t-state-active {
    font-weight: bold;
    border-color: #F26522;
}

.t-grid .t-status-text{
    color: #F26522;
}

.t-grid tbody .t-button {
    font-size: 10pt;
}

div.t-numerictextbox {
    width: 100% !important;
}

.t-formatted-value {
    padding: 5px 4px 2px 5px !important;
}

.popup-text, .popup-text-indent {
    color: #FFF !important;
}
.popup-text input[type =submit], .popup-text-indent input[type =submit]{
    border: 1px solid #FFF;
}
#ForgotPasswordButton{
    border: 1px solid #FFF;
}
#AccountRecoveryPopupRegisterButton{
    width: 100%;
}
#TelerikGridInsertButton{
    background: transparent !important;
}
/* 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;
}

img {
    border: 0px;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin-top: 16px;
    font-family: 'Akzidenz Regular';
    font-size: 10pt;
    text-transform: uppercase;
    color: #3e3e3e;
}

.editor-field {
    margin: 0px;
}

.edtior-validation
{
    margin: 0;
}

.editor-actions {
    margin-top: 20px;
}

.editor-field input[type='text'], .editor-field input[type='password'], .editor-field input[type='textarea'] {
    font-size: 12pt;
    color: #625E59;
    width: 360px;
    font-family: Arial;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #F26522;
    width: 97%;
}
.editor-field input[type='text']:focus {
    background: #fff;
}

input[type='submit'] {
    background: #F26522;
    color: #fff;
    font-weight: bold;
    border: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px 10px;
    font-family: 'Akzidenz Bold';
    font-size: 10pt;
    width: 100%;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    border: 1px solid #F26522;
}
input[type='submit']:hover {
    background: #FFF;
    color: #F26522;
}

.Bold
{
    font-weight: bold;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error, .UploadError, .Error
{
    color: #e04d38;
    font-family: 'Akzidenz Bold';
    font-size: 10pt;
    text-transform: uppercase;
}

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

.input-validation-error, .FormRequired.input-validation-error 
{
    border: 2px solid #e04d38;
}

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

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

/* Footer Style
-----------------------------------------------------------*/
#FooterWrapper {
    color: #FFF;
    font-size: 12px;
    background: #625E59;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 30px;
    padding: 5px 0;
    width: 100%;
}
#FooterContent {
    width: 978px;
}
#FooterContent .LeftSection {
    padding-top: 10px;
    text-transform: uppercase;
}
#FooterContent .RightSection {
    text-align: right;
}
#FooterContent .BoiteALunch {
    position: relative;
    top: -75px;
    right: -80px;
    width:80px;
}
/* Header Style
-----------------------------------------------------------*/
#TopHeaderWrapper {
    position: absolute;
    width: 100%;
    height: 33px;
    padding: 0px 0px;
    top: 0px;
    left: 0px;
    background: #eee;
}
#HeaderWrapper {
    position: absolute;
    width: 100%;
    height: 100px;
    padding: 0px 0px;
    top: 33px;
    left: 0px;
    background: #F26522;
    z-index: 10;
    box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
}

#TopBarContent {
    width: 978px;
    height: 30px;
    font-family: 'Akzidenz Regular';
    font-size: 15px;
    color: #3e3e3e;
}

.LeftSection {
    float: left;
    height: 30px;
}

.RightSection {
    float: right;
    width: 489px;
    height: 30px;
}

.MazzolaLogoWrapper {
    float: left;
    width: 150px;
    position: relative;
    top: 0;
    left: -70px;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
}

.MazzolaLogoWrapper svg {
    fill: #FFF;
}

.MazzolaLogoWrapper img {
    position: absolute;
    width: 80%;
    left: 15px;
    top: 20px;
}

.TopBarUserEmail {
    float: right;
    margin-top: 6px;
    margin-right: 30px;
    font-family: 'Akzidenz Bold';
    font-size: 11pt;
    color: #625E59;
}

.AuthenticationWrapper {
    float: right;
    margin-top: 5px;
}

.AuthenticationButton {
    color: #625E59;
    font-family: 'Akzidenz Bold';
    font-size: 11pt;
    margin: 0px 12px;
}

.LanguageSelectorWrapper 
{
    float: right;
    margin-top: 5px;
}

.LanguageSelectorButton {
    color: #625E59;
    font-family: 'Akzidenz Bold';
    font-size: 11pt;
    margin: 0px 12px;
}

/* TopMenu Style
-----------------------------------------------------------*/
#TopMenu {
    float: left;
    margin: 15px 15px 0px 0px;
}

#TopMenuContent {
    padding: 0px;
    margin: 0px;
}

#TopMenuContent ul {
    list-style-type: none;
    float: left;
    margin: 0px;
    margin-left: 13px;
    padding: 0px;
    padding-top: 10px;
}

#TopMenuContent ul li {
    position: relative;
    float: left;
    z-index: 100;
}

    #TopMenuContent ul li a {
        display: block;
        margin: 0 2px;
        padding: 8px 16px;
        background-color: #F26522;
        font-size: 12px;
        color: #fff;
        font-family: 'Akzidenz Bold';
        text-transform: uppercase;
        border:1px solid #FFF;
    }

    #TopMenuContent ul li a:hover {
        background-color: #FFF;
        color: #F26522;
    }

    #TopMenuContent ul li.SelectedTab a {
        background-color: #FFF;
        color: #F26522;
    }

#TopMenuContent ul li img.menu-active {
    /*position: absolute;
    right: 15px;*/
    display: none;
}

/* General Styles
-----------------------------------------------------------*/
A:link {
    text-decoration: none;
}
A:visited {
    text-decoration: none;
}
A:active {
    text-decoration: none;
}
A:hover {
    text-decoration: none;
}
.help-wrapper {
    margin-top: 20px;
    text-align: center;
    background: #F26522;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    border: 1px solid #F26522;
}
.help-text {
    font-family: 'Akzidenz Bold';
    font-size: 10pt;
    display: inline-block;
    width: 100%;
    padding: 5px 0;
}
.help-text:hover {
    cursor: pointer;
}
.help-img {
    height: 20px;
    vertical-align: bottom;
    padding: 0 0 3px 3px;
}
#profile-recovery-button {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.help-wrapper:hover {
    background: #FFF;
    color: #F26522;
}
.popup-wrapper {
    text-align: center;
}
.popup-justified {
    text-align: justify;
}
.popup-text, .popup-text-indent {
    font-family: 'Akzidenz Regular';
    color: #3E3E3E;
    text-align: center;
    padding: 10px;
}
.popup-text-indent {
    padding-left: 30px;
}
#ContentWrapper {
    position: absolute;
    left: 0px;
    width: 100%;
    overflow-y: auto;
    top: 118px;
}

#ContentWrapper .content {
    width: 978px;
    overflow: hidden;
    background: #FFF;
    padding-top: 40px;
    padding-bottom: 60px;
    height: 100%;
    min-height: 710px !important;
}

.CenterContent {
    margin: 0 auto;
}

.CenterText
{
    text-align: center;
}

#IndexWrapper {
    width: 200px;
    margin-top: 100px;
    text-align: center;
}

.ViewTitleWrapper {
    margin-top: 30px;
    width: 100%;
}
.ViewTitle,
.ViewSubTitle {
    text-align: center;
    font-size: 40px;
    color: #3e3e3e;
    font-family: 'Akzidenz Bold';
    text-transform: uppercase;
}
.ViewSubTitle {
    font-size: 26px;
}
.FormButtonWrapper {
    margin: 16px 0 0 0;
}

.FormRequired {
    background-color: #FFCC99;
    border: 1px solid #999;
    color: #3F3F76;
}

#DefaultButtonWrapper {
    float: left;
    width: 100%;
    height: 30px;
}

#DefaultAddButtonWrapper {
    float: right;
    width: 80px;
    height: 30px;
    margin-right: 100px;
    background-color: #FFCC99;
}

#DefaultAddButtonWrapper:hover {
    background-color: #FFEEAA;
}

#DefaultAddButton {
    padding: 6px 0px 0px 24px;
}

#DefaultAddButton a {
    color: Black;
    font-size: 14px;
    font-weight: bold;
}

.AjaxAddButton, input[type='submit'].AddButton, .AddButton {
    background: #F26522;
    background-position: right;
    color: #FFF;
    font-weight: bold;
    border: 0;
    padding: 0;
    padding: 5px 10px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Akzidenz Bold';
    font-size: 10pt;
    border: 1px solid #F26522;
}

    input[type='submit'].AddButton:hover, .AjaxAddButton:hover, .AddButton:hover {
        background: #FFF /*url('./Images/btn_plus-hover.png') no-repeat*/;
        background-position: right;
        color: #F26522;
    }

input[type='submit'].DeleteButton, .DeleteButton {
    background: transparent url('./Images/btn_minus.png') no-repeat;
    background-position: right;
    color: #6faccd;
    font-weight: bold;
    border: 0;
    padding: 0;
    padding-top: 3px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Akzidenz Bold';
    font-size: 10pt;
}

input[type='submit'].DeleteButton:hover,.DeleteButton:hover
{
    background: transparent url('./Images/btn_minus_hover.png') no-repeat;
    background-position: right;
    color: #56859e;
}

.TelerikGridButton a {
    color: #F26522;
    font-weight: bold;
    border: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 1px 8px;
    font-family: 'Akzidenz Bold';
    font-size: 8pt;
    display: block;
}

.TelerikGridButton td
{
    margin: 0;
    text-align: center;
}

.TelerikGridButton a:hover {
    color: #F26522;
}

.DropDownList
{
    width: 100%;
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch .switch-slider-background {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-switch .switch-slider-background:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-switch input:checked + .switch-slider-background {
    background-color: #F26522;
}

.toggle-switch input:focus + .switch-slider-background {
    box-shadow: 0 0 1px #F26522;
}

.toggle-switch input:checked + .switch-slider-background:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
}

.toggle-switch .switch-slider-background {
    border-radius: 26px;
}

.toggle-switch .switch-slider-background:before {
    border-radius: 50%;
}

/* LogOn Styles
-----------------------------------------------------------*/
    #LoginWrapper {
    width: 100%;
    padding-top: 40px;
}

#LoginForm {
    width: 100%;
}

.login-input-wrapper form{
    width:50%;
    margin: 0 auto;
}

#LoginForm hr.ViewTitleWrapper {
    display: block;
    border: 0;
    border-top: 2px solid #F26522;
    margin: 40px 0;
    padding: 0;
}

.login-input-wrapper {
    width: 100%;
}
.login-input-wrapper .editor-label
{
    text-align: left;
}
.login-input-wrapper .editor-field, .login-input-wrapper .editor-validation
{
    margin-left: 0;
}
.login-input-wrapper .editor-actions
{
    text-align: center;
}

/* Client Styles
-----------------------------------------------------------*/
#ClientEditWrapper {
    width: 850px;
}

#ClientTelerikGrid {
    float: left;
    width: 100%;
    font-size: 9pt;
    margin-top: 20px;
}

#ClientPanelWrapper {
    width: 920px;
}

.SearchItem
{
    float: left;
    width: 31.33%;
    margin-right: 2%;
}

.SearchItemShort
{
    float: left;
    width: 23%;
    margin-right: 2%;
}

.SearchItem .editor-field input[type="text"], .SearchItemShort .editor-field input[type="text"]{
    font-size: 10pt;
    padding: 3px;
    width: 100%;
}


.SearchItemShort .editor-field select {
    width: 98%;
}

#KidEatingLocationId {
    min-width: 94%;
}

#ClientDisplayPanel .editor-label
{
    font-size: 10pt;
    width: 100%;
}

#ClientDisplayPanel .GroupTitle
{
    width: 100%;
    text-align: left;
}

#ClientSearchCriteriaWrapper {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    color: #F26522;
}

#ClientSearchCriteriaPanel
{
    float: left;
    padding-bottom: 10px;
    padding-right: 5px;
    width: 101%;
}

#ClientSearchCriteriaPanel .inline-checkbox {
    width:100%;
}

#ClientSearchCriteriaPanel select {
    width: 100%;
    box-sizing: content-box;
}

#ClientDisplayPanel {
    float: left;
    width: 920px;
    margin-top: 50px;
}

#EditClientFormWrapperLeft 
{
    float: left;
}

#EditClientFormWrapper {
    width: 415px;
    margin-top: 40px;
}

#EditClientFormBottomWrapper
{
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

#EditClientFormBottomWrapper .LeftSide
{
    float: left;
    width: 200px;
    height: auto;
}

#EditClientFormBottomWrapper .RightSide
{
    float: right;
    width: 200px;
    height: auto;
}


#EditClientFormWrapper .FormButtonWrapper
{
    text-align: center;
}

#KidPanelWrapper {
    float: right;
    width: 415px;
    margin-top: 40px;
}

#KidTopBarWrapper {
    width: 100%;
    padding-bottom: 50px;
    border-bottom: 2px #F26522 solid;
}

#KidDropDown {
    font-family: Arial;
    font-size: 12pt;
}

#OrderSelectKidDropDown {
    font-family: Arial;
    font-size: 12pt;
    width: 350px;
}

#SelectKidWrapper 
{
    padding-bottom:5px;
}

#AddKidButtonWrapper {
    float: right;
    height: 30px;
    margin-right: 0;
    margin-top: 7px;
}

#KidInfoPanel {
    width: 100%;
}

#EditKidWrapper {
    float: left;
    width: 100%;
    margin-top: 20px;
}

#EditKidFormWrapper {
    float: left;
    width: 100%;
}

#EditKidFormWrapper .FormButtonWrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#KidNameTitle {
    text-align: center;
    width: 100%;
    margin: 5px 0 7px 5px;
    font-family: 'Akzidenz Bold';
    font-size: 16pt;
}

/* School Styles
-----------------------------------------------------------*/
#SchoolPanelWrapper, #OrderManagementPanelWrapper
{
    width: 850px;
}

#SchoolDisplayPanel, #OrderManagementPanel
{
    float: left;
    width: 920px;
    margin-top: 50px;
}

#SchoolTopBarWrapper, #OrderManagementTopBarWrapper {
    float: left;
    width: 855px;
    height: 70px;
    border-bottom: 1px #F26522 solid;
}

#SelectSchoolWrapper
{
    float: left;
}

.ComboBoxLabel {
    margin-top: 5px;
    font-family: 'Akzidenz Bold';
    font-size: 16pt;
}

.SelectComboBox {
    margin-top: 2px;
}

#SchoolDropDown
{
    font-family: Arial;
    font-size: 12pt;
}

#AddSchoolButtonWrapper {
    float: right;
    height: 30px;
    margin-top: 2px;
}

#AddSchoolFormWrapper {
    width: 500px;
    margin-top: 40px;
}


#AddSchoolFormWrapper .FormButtonWrapper
{
    text-align: center;
}

#SchoolInfoPanel {
    float: left;
    width: 850px;
}

#EditSchoolWrapper {
    width: 850px;
    padding: 0px;
    padding-bottom: 20px;
}
#EditSchoolWrapper .editor-field input[type=text] {
    width: 99%;
}
#EditSchoolWrapper select {
    box-sizing: content-box;
    width: 100%;
    height: 17px;
}

#InputWrapper {
    float: left;
    width: 850px;
}

#EditSchoolWrapper .Left-Section, #EditSchoolWrapper .Right-Section
{
    float: left;
    width: 48%;
}
#EditSchoolWrapper .Left-Section{
    padding-right:2%;
}

#EditSchoolWrapper .Right-Section {
    padding-left: 2%;
}

#EditSchoolWrapper .FormButtonWrapper 
{
    float: left;
    width: 850px;
    text-align: center;
}

#EditSchoolWrapper .FormButtonWrapper input 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#EatingLocationTelerikGrid
{
    float: left;
    width: 850px;
    margin-top: 20px;
}

#SchoolLoading {
    width: 100px;
    height: 30px;
    margin: 190px 350px 0px 360px;
    font-size: 16px;
    font-weight: bold;
}

/* Inventory Style
-----------------------------------------------------------*/

#InventoryPanelWrapper {
    width: 100%;
}

#InventoryEditPanelWrapper {
    float:left;
    margin-left:25px;
    margin-right:25px;
    margin-top:50px;
    width:922px;
}

#InventoryEditPanel {
    float: left;
    width: 100%;
}

#InventoryCategoryEditPanel
{
    float:left;
    margin-top:40px;
    width:100%
}

#InventoryCategoryInsertPanel
{
    float:left;
    margin-top:30px;
    width:100%
}

#EditFoodItemPanelWrapper
{
    float:left;
    margin-top:30px;
    width:100%
}

#FoodCategoryPanel {
    float: left;
    width: 440px;
    margin-right: 21px;
}

#InventoryFoodItemPanel
{
    float: right;
    width: 440px;
    margin-left: 21px;
}

.InventoryTopBarWrapper {
    border-bottom: 1px solid #F26522;
    float: left;
    height: 30px;
    width: 100%;
    margin-bottom: 20px;
}
.InventoryTopBarWrapper form{
    margin-top: 40px;
    margin-left: 10px;
    width: 100%;
}
.SelectSectionWrapper {
    float: left;
    width: 100%;
    margin-top: 80px;
}

.SectionTitle 
{
    float: left;
    text-align: left;
    font-family:'Akzidenz Bold';
    font-size:16pt;
}
#SelectItemForm, #FoodCategoryListBox {
    width: 100%;
}
#SelectItemForm select, #FoodCategoryListBox{
    width: 100% !important;
}
.FoodList {
    float: left;
    width: 100%;
}

#FoodCategoryListBox, #FoodItemListBox 
{
    float:left;
    height:150px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    width:100%;
}

.AddSection {
    float:left;
    margin-bottom:20px;
    margin-top:30px;
    width:100%;
}

.AddSection .editor-label {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
}

.AddSection .editor-field, .AddSection .editor-field Input {
    width: 98.5%;
    margin-bottom: 7px;
}

.AddSection .FormButtonWrapper
{
    text-align: center;
    margin-top: 10px;
}

.FoodItemLoading {
    width: 100%;
    margin-top: 120px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#FoodItemManagerWrapper .SelectSection .ButtonWrapper input {
    margin-top: 70px;
    margin-left: 20px;
}

#FoodItemManagerWrapper .SelectSection .ButtonWrapper input.AddButton {
    margin-top: 20px;
}

.EditFoodItemLoading {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.OutputRegion {
    color: Red;
    font-weight: bold;
}

#InventoryEditPanel .AddButton
{
    float: right;
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

#InventoryEditPanel .DeleteButton {
    float: right;
    margin: 10px;
    height: 30px;
    border: 1px solid #F26522;
    color: #FFF;
    background: #F26522;
}

#InventoryEditPanel .DeleteButton:hover {
    background: #FFF;
    color: #F26522;
}

#InventoryEditPanel .GroupTitle
{
    left: 0;
    width:100%;
    text-align: left;
}

/* AdminManagement Style
-----------------------------------------------------------*/
#AdminEditWrapper {
    width: 850px;
}

#AdminTelerikGrid {
    float: left;
    width: 100%;
    font-size: 9pt;
    margin-top: 20px;
}

#AdminPanelWrapper {
    width: 850px;
}

#AdminDisplayPanel {
    float: left;
    width: 850px;
    margin-top: 50px;
}
#EditAdminFormWrapperLeft 
{
    float: left;
}

#EditAdminFormWrapper {
    width: 415px;
    margin-top: 40px;
}

#EditAdminFormBottomWrapper
{
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

#EditAdminFormBottomWrapper .LeftSide
{
    float: left;
    width: 200px;
    height: auto;
}

#EditAdminFormBottomWrapper .RightSide
{
    float: right;
    width: 200px;
    height: auto;
}


#EditAdminFormWrapper .FormButtonWrapper
{
    text-align: center;
    margin-bottom: 50px;
}

#AdminManagementPanelWrapper {
    width: 850px;
}

.AdminManagementContentWrapper {
    float: left;
    width: 850px;
    margin-top: 50px;
}

.AdminManagementContent {
    float: left;
    width: 850px;
    margin-bottom: 50px;
}

#AdminGridWrapper {
    width: 100%;
}

#SuperUserGridWrapper {
    width: 500px;
}

.webgrid {
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}

.webgrid a {
    color: #000;
}

.webgrid-header {
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border-bottom: 2px solid #3966A2;
    height: 40px;
    border-top: 2px solid #D6E8FF;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-footer {
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border-top: 2px solid #3966A2;
    height: 30px;
    border-bottom: 2px solid #D6E8FF;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-alternating-row {
    height: 30px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-row-style {
    height: 30px;
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-selected-row {
    font-weight: bold;
    background-color: #F1F1AA;
}

.EditButton {
    font-weight: bold;
}

.EditButton:hover {
    color: Red;
}

#EditAdminPanel, #EditSuperUserPanel {
    width: 500px;
    margin-top: 20px;
}

.EditUserWrapper {
    width: 100%;
    background-color: #DDD;
}

.UserName {
    float: left;
    width: 100%;
    margin: 5px 0 7px 5px;
    font-size: 14px;
    font-weight: bold;
}

#EditUserForm {
    float: left;
    width: 100%;
}

#EditUserForm .LeftSection {
    float: left;
    width: 50%;
}

#EditUserForm .RightSection {
    float: left;
    width: 50%;
    height: 230px;
}

#EditUserForm .FormButtonWrapper {
    float: left;
    width: 100%;
    height: 230px;
    text-align: center;
}

#EditUserForm .editor-label {
    margin-left: 20px;
}

#EditUserForm .editor-field {
    margin-left: 20px;
}

/* Menu Style
-----------------------------------------------------------*/
#MenuIndexPanelWrapper {
    width: 100%;
}

#MenuIndexContentPanelWrapper {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-left: 20px;
}

#MenuIndexContentPanel {
    float: left;
    width: 100%;
}

#MenuIndexContentPanel .SchoolTopBarWrapper {
    float: left;
    width: 900px;
    border-bottom: 1px #F26522 solid;
    padding-bottom: 20px;
    margin-left: 20px;
}

#MenuIndexContentPanel #SelectMenuPanel {
    width: 900px;
    margin-left: 20px;
}

#MenuIndexContentPanel #CreateMenuPanel {
    width: 900px;
    margin-left: 20px;
}
    
#MenuCreateContentPanelWrapper, #MenuDetailsContentPanelWrapper {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
}

#MenuCreatePanelWrapper, #MenuDetailsPanelWrapper
{
    float: left;
    width: 100%;
}

#MenuCreateContentPanel, #MenuDetailsContentPanel
{
    float: left;
    width: 100%;
}

#FoodItemPanel {
    float: left;
    width: 200px;
    font-size: 11px;
    margin-top: 20px;
    margin-left: 20px;
    position: fixed;
}

#FoodItemPanel .ui-widget-header {
    margin: 0px;
    text-align: center;
    color: #3e3e3e;
}

form ul, #MenuDetailsContentPanel ul, #OrderSelectGridWrapper ul
{
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

#Catalog li, .menu-item {
    cursor: pointer;
    list-style: none;
    word-wrap: break-word;
}

#Catalog li:hover, .menu-item:hover {
    background-color: #c7e9ee;
}

#Catalog ul
{
    margin: 0px;
    padding: 0px;
}

#NewMenuGridWrapper
{
    float: right;
    width: 730px;
    margin-right: 25px;
    margin-bottom: 20px;
}

#MenuDetailsGridWrapper
{
    float: left;
    width: 920px;
    margin-left: 26px;
}

#NewMenuGrid
{
    float: left;
    margin-left: 7px;
}

#NewMenuGrid tr:first-of-type {
    height:70px;
}

#NewMenuGrid tr td, #MenuDetailsGrid tr td
{
    border: 2px solid #DDD;
    background-color: white;
    max-width: 110px;
    height: 80px;
    font-size: 11px;
}

#NewMenuGrid tr td.DateCell, #MenuDetailsGrid tr td.DateCell
{
    text-align: center;
    background-color: #c7e9ee;
    font-weight: bold;
    color: #3e3e3e;
    font-size: 12px;
    width: 110px;
}

#NewMenuGrid tr td.DateCell:hover
{
    cursor: pointer;
    background-color: #CDFFFF;
}

#NewMenuGrid tr td.NewMenuCell:hover 
{
    cursor: pointer;
    background-color: #CDFFFF;
}

#MenuDetailsGrid
{
    margin-bottom: 15px;
}

#MenuDetailsGrid tr td.EmptyCell {
    border: none;
    background: none;
    height: 0;
    width: 0;
    text-align: center;
}

#MenuDetailsGrid tr td.NoteCell {
    border: none;
    background: none;
    padding-top: 5px;
    text-align: justify;
    height: 0;
}

#NewMenuGrid tr td.InsertDateCell {
    border: none;
    background: none;
    text-align: center;
    height: 0;
    padding: 5px;
}

#NewMenuGrid tr td #InsertDateButton {
    margin:5px 0;
}

.InsertDateCell .FormButtonWrapper
{
    margin: 0px;
    height: 25px;
}

#MenuInsertDateBox {
    max-width: 100%;
}

.DateCell .FormButtonWrapper {
    position: relative;
    margin: 0;
    padding: 0;
    top: 23px;
    left: 64px;
}

.DateCell .FormButtonWrapper .DeleteDateButton {
    font-family: 'Akzidenz Bold';
    font-size: 14px;
    color: #AA0000;
    background: none;
    margin: 0;
    padding: 1px 5px;
    display: none;
    position: relative;
    left: -65px;
}

.DateCell .FormButtonWrapper .DeleteDateButton:hover
{
    color: #FF0000;
    background-color: #FFF;
}

#NewMenuGrid tr td.ChoiceCell, #MenuDetailsGrid tr td.ChoiceCell
{
    text-align: center;
    padding: 2px 5px;
    border: none;
    height: 0;
    vertical-align: bottom;
}

#NewMenuGrid .ChoiceCell .t-input {
    width: 100% !important;
}

#NewMenuGrid .ChoiceCell .t-formatted-value {
    padding: 0;
}

#NewMenuGrid tr td.drop-zone-default {
    background-color: #FFFFE0;
}
#NewMenuGrid tr td.drop-zone-hover {
    background-color: #CDFFFF;
}

.Price
{
    width: 50px;
}

li
{
    list-style: none;
}

#NewMenuGrid tr td.CurrentlySavingCell
{
    background-color: Yellow;
}

#SelectMenuPanel, #CreateMenuPanel, #CopyMenuPanel
{
    float: left;
    width: 930px;
    margin-top: 30px;
    padding: 0;
}

.DashedBox {
    border-bottom: 1px solid #F26522 ;
}

#CreateMenuPanel
{
    margin-top: 20px;
}

#SelectMenuWrapper
{
    width: 100%;
}

#SelectMenu
{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 8px;
}

#SelectMenu form
{
    float: left;
    margin: 0px;
}

#SelectMenu .ComboBoxLabel
{
    float: left;
    padding-right: 10px;
}

#SelectMenu .SelectComboBox
{
    float: left;
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 6px;
    padding: 0;
}
#SelectMenuPanel .GroupTitle {
    padding-bottom: 10px;
}

#SelectMenu .FormButtonWrapper {
    text-align: center;
}

.GroupTitle
{
    position: relative;
    margin-top: -12px;
    background-color: White;
    text-align: left;
    font-family: 'Akzidenz Bold';
    text-transform: uppercase;
}

#CreateMenuWrapper
{
    float: left;
    width: 100%;
}

#CreateMenu .editor-label
{
    float: left;
    margin-bottom: 10px;
    margin-left: 335px;
    width: 280px;
}

#CreateMenuWrapper .FormButtonWrapper
{
    float: left;
    text-align: center;
    margin-bottom: 23px;
    width: 100%;
}

#NewMenuDatepickerWrapper
{
    float: left;
    margin-left: 13px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#CopyMenuPanel {
    float: left;
    width: 715px;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 10px;
}

#MenuNotePannel
{
    float: left;
    width: 715px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 15px;
}

#MenuDetailsNotePannel
{
    float: left;
    width: 882px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-left: 32px;
    margin-top: 5px;
}

#CopyMenuTable
{
    text-align: center;
    width: 100%;
}

#CopyMenuPanel .GroupTitle
{
    width: 100%;
    left: 0;
}

#MenuNotePannel .GroupTitle, #MenuDetailsNotePannel .GroupTitle
{
    width: 80px;
    left: 0;
}

#MenuNoteContent
{
    float: left;
    width: 684px;
}

#Note
{
    width: 710px;
}

#Notes
{
    width: 872px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 12px;
}

#CopyMenuPanel .ComboBoxLabel
{
    margin-left: 45px;
}

#CopyMenuPanel .Label, #MenuNotePannel .Label
{
    font-family: Akzidenz Bold;
    font-size: 12pt;
    padding-top: 12px;
    padding-bottom: 12px;
    float: none;
    text-align: left;
}

#CopyMenuPanel .FormButtonWrapper
{
    margin-top: 0;
}

#LockMenuWrapper, #UnLockMenuWrapper
{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#UnLockMenuWrapper .FormButtonWrapper
{
    width: 300px;
    margin: 0 auto;
    padding-right: 35px;
}

#LockMenuWrapper .FormButtonWrapper
{
    margin: 10px;
}

#FileUploadPanelWrapper
{
    width: 440px;
    float: left;
    margin-left: 32px;
    margin-bottom: 15px;
}

#FileUploadPanelWrapper .GroupTitle
{
    width: 100%;
}

.FileUploadPanel
{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.FileUploadPanel .Label
{
    font-family: 'Akzidenz Bold';
    font-size: 11pt;
    color: #3e3e3e;
}

.FileUploadPanel .NewUpload
{
    margin-top: 10px;
}

.FileUploadPanel .NewUpload .FormButtonWrapper
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.FileName
{
    font-family: 'Akzidenz Regular';
    font-size: 10pt;
}

#ExportMenuPanelWrapper
{
    float: right;
    width: 440px;
    margin-right: 40px;
}

#ExportMenuPanelWrapper .GroupTitle
{
    width: 100%;
}

.ExportMenuPanel
{
    width: 100%;
    text-align: left;
}

.ExportMenuPanel .FileName
{
    margin-top: 5px;
    margin-bottom: 10px;
}

#SourceMenuId
{
    margin-left: 15px;
    width: 200px;
}

#CopyMenuButton {
    margin-top: 17px;
}

.ViewTitleWrapper .Tips
{
    font-size: 11px;
    text-align: center;
}

#CreateMenu .Error
{
    margin-top: 5px;
}

/* Register Styles
-----------------------------------------------------------*/
#RegisterPanelWrapper
{
    width: 500px;
    padding-top: 40px;
}

#RegisterPanelWrapper .ViewTitleWrapper
{
    width: 500px;
}

#RegisterPanel
{
    width: 500px;
}

#RegisterPanel .editor-label
{
   
}

#RegisterPanel .editor-field, #RegisterPanel .editor-validation
{
   
}

#RegisterPanel .FormButtonWrapper
{
    text-align: center;
}

.SuccessMessage
{
    color: #6faccd;
    font-family: 'Akzidenz Bold';
    font-size: 10pt;
    text-transform: uppercase;
}

#RegisterPanel .FormButtonWrapper
{
    margin-bottom: 20px;
}

/* Client Only Styles
-----------------------------------------------------------*/
#ClientOnlyPanelWrapper
{
    width: 550px;
}

#ClientOnlyPanelWrapper .ViewTitleWrapper
{
    width: 550px;
}

#ClientOnlyProfilePanel
{
    width: 500px;
}

#ClientOnlyProfilePanel .editor-label
{
    margin-left: 0;
}

#ClientOnlyProfilePanel .editor-field, #ClientOnlyProfilePanel .editor-validation
{
    margin-left: 0;
}

#ClientOnlyProfilePanel .FormButtonWrapper
{
    text-align: center;
}

#ClientOnlyKidPanel
{
    width: 550px;
    margin-top: 50px;
}

#ClientOnlyKidPanel .editor-label
{
    margin-left: 0;
}

#ClientOnlyKidPanel .editor-field, #ClientOnlyKidPanel .editor-validation
{
    margin-left: 0;
}

#ClientOnlyKidPanel .FormButtonWrapper
{
    text-align: center;
}

/* Order Style
-----------------------------------------------------------*/

#OrderIndexPanelWrapper
{
    width: 920px;
}

#OrderManagementPanelWrapper
{
    width: 950px;
}

#OrderManagementPanel
{
    float: left;
    width: 950px;
    margin-top: 50px;
    margin-left: -2px;
}

#OrderManagementTopBarWrapper {
    float: left;
    width: 910px;
    margin: 10px 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #F26522 solid;
}

#KidOrderManagementPanel
{
    float: left;
    width: 950px;
    margin-top: 10px;
}

#KidOrderManagementPanel .FormButtonWrapper {
    margin-left: 20px;
    margin-right: 20px;
}
    
#KidOrderManagementPanl .validation-summary-errors {
    width: 850px;
    margin-left: 40px;
    text-align: center;
}

#KidOrderManagementPanel #OrderSaveButton {
    margin-bottom: 15px;
}

#OrderSelectGridWrapper
{
    margin-bottom: 30px;
}

#OrderSelectGridWrapper .validation-summary-errors
{
    margin-left: 40px;
    text-align: center;
    width: 850px;
    padding-top: 15px;
}

#OrderSelectGridWrapper .MenuLegendGrid
{
    float: right;
}

#OrderSelectGridWrapper .MenuLegendGrid tr td
{
    width: 10px;
    height: 10px;
}

#OrderSelectGridWrapper .MenuLegendGrid .NoteCell
{
    width: auto;
    height: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0;
}

#OrderSelectGridWrapper .OrderCell
{
}

#OrderSelectGridWrapper .OrderCell:hover
{
    cursor: pointer;
    background-color: #CDFFFF;
    color: Black;
}

#OrderSelectGridWrapper .SelectedCell
{
    border: 4px solid #6FACCD
}

#OrderSelectGridWrapper .PaidCell
{
    background-color: #6FACCD;
    color: White;
}

#OrderSelectGridWrapper .UnselectedPaidCell
{
    background-color: Silver;
    color: Black;
}

#OrderSelectGridWrapper .PastCell
{
    background-color: #EBEFF3;
}

#OrderSelectGridWrapper .PastSelectedCell
{
    border: 4px solid #56859E
}

#OrderSelectGridWrapper .PastPaidCell
{
    background-color: #56859E;
    color: White;
}

#MenuDetailsGrid tr td.PaidDate
{
}

#MenuDetailsGrid tr td.PastDate
{
    background-color: #CCCCCC;
}

#MenuDetailsGrid tr td.PastPaidDate
{
    background-color: #CCCCCC;
}

#OrderSelectGridWrapper .FormButtonWrapper
{
    text-align: center;
}

#CurrentAmountWrapper
{
    float: left;
    width: 925px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#CurrentMenuAmount
{
    float: left;
    margin-left: 0;
    width: 40%;
}

#CurrentTotalAmount
{
    float: left;
    width: 28%;
    margin-left: 30px;
}

#PayOrderPanel
{
    float: right;
    font-family: 'Akzidenz Regular';
    font-size: 16pt;
    margin-right: 25px;
    text-align: right;
}

.CurrentAmountTextBox
{
    width: 60px;
}

#OrderSelectKidWrapper
{
    float: left;
    padding-right: 8px;
    margin-left: 0;
}

#OrderMenuSelectPanel {
    float: right;
    font-family: 'Akzidenz Regular';
    font-size: 16pt;
    padding-right: 0;
    padding-left: 8px;
}

.DatePicker
{
    width: 70px;
}

#ViewTransactionPanelWrapper 
{
    width: 100%;
}

#ViewTransactionContentPanelWrapper {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-left: 20px;
}

#TransactionSummaryPanelWrapper
{
    float: left;
    width: 930px;
    margin-top: 10px;
    padding: 0;
    padding-bottom: 10px;
}

.PaymentWrapper
{
    width: 100%;
    float: left;
    margin-top: 5px;
    border-top: 2px dashed #AAAAAA;
}

.TransactionSummaryPanelLeft
{
    float: left;
    width: 300px;
    padding: 0;
    padding-right: 7px;
    padding-left: 14px;
}

.TransactionSummaryPanelHeader
{
    padding-left: 14px;
    margin-top: 16px;
}

.TransactionSummaryPanelCenter
{
    float: left;
    width: 280px;
    padding: 0;
    padding-right: 7px;
    padding-left: 7px;
}

.TransactionSummaryPanelRight
{
    float: left;
    width: 280px;
    padding: 0;
    padding-right: 14px;
    padding-left: 7px;
}

#TransactionSummaryPanelWrapper .GroupTitle
{
    width: 250px;
}

.TransactionSummaryPanelLeft .editor-label, .TransactionSummaryPanelRight .editor-label, .TransactionSummaryPanelHeader .editor-label
{
    font-size: 10pt;
    text-transform: none;
}

.TransactionSummaryGrid
{
    margin-top: 0px;
}

.TransactionSummaryGrid tr td
{
    font-size: 10pt;
    text-align: right;
    text-transform: none;
}

.TransactionSummaryGrid tr td.DescriptionCell
{
    padding-right: 60px;
}

.TransactionSummaryGrid tr td.NameCell
{
    text-align: left;
    font-weight: bold;
}

.TransactionSummaryGrid tr td.LabelCell {
    font-family: 'Akzidenz Regular';
    color: #3e3e3e;
    padding-bottom: 8px;
    vertical-align: middle;
    width: 80px;
}

.TransactionSummaryGrid tr td.ValueCell 
{
    font-weight: bold;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 8px;
    vertical-align: middle;
}

.TransactionSummaryGrid tr td.SubtotalCell
{
    padding-left: 10px;
    border: 1px solid #3e3e3e;
}

.TransactionSummaryGrid tr td.TotalAmountCell
{
    font-weight: bold;
    padding-left: 10px;
    border: 1px solid #3e3e3e;
}

.TransactionSummaryGrid tr td.TotalCell
{
    font-weight: bold;
    padding-right: 10px;
}

.TransactionSummaryGrid tr td.ButtonCell
{
    text-align: center;
}

.TransactionSummaryGrid tr td.NoteCell
{
    text-align: justify;
    font-size: 8pt;
}

#TransactionKidDetailPanel
{
    float: left;
    width: 930px;
    margin-top: 30px;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 20px; 
}

#TransactionKidDetailPanel .GroupTitle
{
    width: 250px;
}

#ViewTransactionContentPanel {
    float: left;
    width: 100%;
}

#ViewTransactionContentPanel .TopBarWrapper {
    float: left;
    width: 850px;
    height: 30px;
    border-bottom: 2px #3e3e3e solid;
    margin-left: 40px;
    margin-bottom: 20px;
}

.DisabledTextBox 
{
    width: 250px;
    font-weight: bold;
}

.GridCurrency
{
    text-align: right;
}

.GridInt
{
    text-align: right;
}

.GreenClass
{
    color: Green!important;
}

.RedClass
{
    color: Red!important;
}

.BlackClass
{
    color: Black!important;
}

.HighlightClass
{
    color: Red;
    font-weight: bold;
}

/* Payment Style
-----------------------------------------------------------*/
#ClientOnlyPayIndexPanelWrapper
{
    width: 850px;
}

#PaymentPanelWrapper
{
    width: 950px;
}

#PreviousPaymentPanel
{
    width: 850px;
    min-height: 100px;
    margin-top: 50px;
    margin-bottom: 40px;
}

#PreviousPaymentPanel .GroupTitle
{
    width: 200px;
}

#PaymentPanel
{
    width: 850px;
    margin-left: 40px;
    margin-top: 50px;
}


#PreviousPayment
{
    margin: 15px;
    margin-top: 5px;
}

#PayNow
{
    margin: 10px;
    margin-bottom: 15px;
}

#PayNow .DatePicker
{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

#PayNow .SelectComboBox
{
    margin-top: 5px;
    margin-left: 5px;
}

#SeletedKidId
{
    width: 120px;
}

#PayOrderButton
{
    margin-top: 3px;
    margin-left: 10px;
}

.Label {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    font-family: 'Akzidenz Regular';
    font-size: 16pt;
}

.EvenPayment
{
    background-color: #DDD;
}

.PaypalButtonWrapper
{
    margin-top: 5px;
}

.PaypalButtonWrapper .Note {
    font-size: 8pt;
    text-align: justify;
    margin-top: 5px;
}

input[type="submit"].PaypalButton
{
    background: url("https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif");
    width: 145px;
    height: 42px;
}

/* Report Style
-----------------------------------------------------------*/
#ReportIndexPanelWrapper
{
    width: 900px;
}

#ReportContentPanelWrapper
{
    width: 900px;
    float: left;
    margin-top: 50px;
    text-align: center;
}

#DailyListPanelWrapper,
#DailyListSummaryPanelWrapper,
#MonthlyListPanelWrapper, 
#MasterListPanelWrapper, 
#KitchenListPanelWrapper, 
#KitchenPerSchoolPanelWrapper
{
    width: 500px;
}

#DailyListPanel,
#DailyListSummaryPanel,
#MonthlyListPanel, 
#MasterListPanel, 
#KitchenListPanel, 
#KitchenPerSchoolPanel
{
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#DailyListPanel
{
    margin-top: 30px;
}

#DailyListPanel .GroupTitle,
#DailyListSummaryPanel .GroupTitle, 
#MonthlyListPanel .GroupTitle, 
#KitchenListPanel .GroupTitle
{
    width: 100%;
    text-align: left;
    left: 0;
}

#MasterListPanel .GroupTitle, #KitchenPerSchoolPanel .GroupTitle
{
    width: 100%;
    left: 0;
    text-align: left;
}

#DailyListContent,
#DailyListSummaryContent,
#MonthlyListContent, 
#MasterListContent, 
#KitchenListContent, 
#KitchenPerSchoolContent
{
    float: left;
    width: 100%;
}

#DailyListDateBox,
#DailyListSummaryDateBox,
#MonthlyListDateBox,
#MasterListDateBox,
#KitchenListBeginDateBox,
#KitchenListEndDateBox,
#KitchenPerSchoolBeginDateBox,
#KitchenPerSchoolEndDateBox {
    width: 97.5%;
    margin-right: 10px;
    border: 1px solid #F26522;
    padding: 2px;
}

#DailyListContent .FormContent, 
#DailyListSummaryContent .FormContent, 
#MonthlyListContent .FormContent, 
#MasterListContent .FormContent, 
#KitchenListContent .FormContent, 
#KitchenPerSchoolContent .FormContent
{
    float: left;
    width: 100%;
    text-align: center;
    margin-right: 0px;
    font-family: 'Akzidenz Regular';
    color: #3e3e3e;
}

#DailyListContent .FormButtonWrapper, 
#DailyListSummaryContent .FormButtonWrapper, 
#MonthlyListContent .FormButtonWrapper, 
#MasterListContent .FormButtonWrapper, 
#KitchenListContent .FormButtonWrapper, 
#KitchenPerSchoolContent .FormButtonWrapper
{
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: center;
}

#DailyListContent .FormButtonWrapper input[type=submit],
#DailyListSummaryContent .FormButtonWrapper input[type=submit],
#MonthlyListContent .FormButtonWrapper input[type=submit],
#MasterListContent .FormButtonWrapper input[type=submit],
#KitchenListContent .FormButtonWrapper input[type=submit],
#KitchenPerSchoolContent .FormButtonWrapper input[type=submit] {
    width: 300px;
    margin: 0 auto;
}
    
#MasterListSchoolSelect {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-family: 'Akzidenz Regular';
    color: #3e3e3e;
}

#MasterListSchoolSelect .FormContent
{
    margin-bottom: 5px;
}

.FormContent .LeftSection
{
    float: left;
    text-align: left;
    padding-right: 3px;
    padding-top: 4px;
}

.FormContent .RightSection
{
    float: right;
    width: 272px;
    text-align: left;
    padding-left: 3px;
}

.First
{
    margin-top: 5px;
}

.MonthPicker .ui-datepicker-calendar 
{
    display: none;
}
.MonthPicker .ui-datepicker-header
{
    margin-bottom: 3px;
}
.popup-text-indent form{
    width: 100%;
}
.popup-text-indent + form {
    width: 91%;
    margin-left: 30px;
}
select:not(.ui-datepicker-month):not(.ui-datepicker-year) {
    border: 1px solid #F26522;
    width: 100%;
    padding: 2px !important;
    height: 22px;
}

input[type=text] {
    height: 20px;
}

.ui-datepicker {
    z-index: 300 !important;
}

.ui-datepicker .ui-datepicker-header {
    background: #F26522 !important;
    color: #FFF !important;
    font-family: 'Akzidenz Bold' !important;
}

input[type="checkbox"]{
    width: 18px;
    height: 18px;
    margin: 0;
}

.inline-checkbox {
    margin-top: 10px;
}

.inline-checkbox .editor-label, .inline-checkbox .editor-field {
    display: inline;
}

.inline-checkbox input[type=checkbox] {
    position: relative;
    top: 5px;
    left: 5px;
}

#LastMinuteListButton {
    width: 300px;
    margin: 0 auto 30px auto;
}

#FoodItemPanel .ui-accordion .ui-accordion-content {
    max-height: 400px !important;
}