/* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */


body {
    position: relative;
    width: 100%;
    margin: 0px;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    background: #f5f0da;
    color: #696969;
}

p {
    color: #696969;
}

h1 {
    font-size: 2em;
    color: #696969;
    text-transform: uppercase;
    font-weight: normal;
}

h2 {
    font-size: 1.8em;
    color: #696969;
    font-weight: normal;
}

h3 {
    font-size: 1.4em;
    color: #696969;
    font-weight: normal;
}

h4 {
    font-size: 1.2em;
    color: #696969;
    font-weight: normal;
}

.Clearfix {
    clear: both;
}

#master-body .MainContainer {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    overflow: auto;
}

#admin-body .MainContainer {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

.Logo {
    float: left;
    width: 50%;
}

.HeaderRightContainer {
    width: 245px;
    float: right;
}

.HeaderRightContainerLogged {
    width: 245px;
    float: right;
}

.LSMLogo {
    width: 119px;
    float: right;
    display: none !important;
}

.FollowUs {
    display: none !important;
}

.OrderMeals {
    width: 93px;
    margin-right: 30px;
    float: right;
}


.LargeButton {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

    .LargeButton:hover {
        background-color: #6bb7e2;
        color: #000;
    }

.SmallButton {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

    .SmallButton:hover {
        background-color: #6bb7e2;
        color: #000;
    }

.MediumButton {
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

    .MediumButton:hover {
        background-color: #6bb7e2;
        color: #000;
    }


.CalendarDay {
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.DayHeader {
    font-weight: bolder;
    text-align: center;
}


.Header {
    overflow: auto;
    background: #f5f0da;
    padding: 1% 5% 2%;
}

.Slider {
    border-top: 3px solid #fff;
    display: none !important;
}

.ContactPageHolder p, .ContactPageHolder h2 {
    color: #fff;
}




/* Colors */
.Yellow {
    background-color: #C0B430;
    color: #FFF !important;
}

.Black {
    background-color: #000;
    color: #FFF !important;
}

.Orange {
    background-color: #ec8d3b;
    color: #FFF;
}

.Blue {
    background-color: #6bb7e2;
    color: #000;
}

.Red {
    background-color: #93240e;
    color: #FFF !important;
}

.DarkRed {
    background: #a31f44;
    color: #fff;
}

.Green {
    background: #c3b845;
    color: #fff;
}

.Grey {
    background-color: #999999;
}

.RedFont {
    color: #FF0000;
}

/* Floats */

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

/* Base classes */

.Hidden {
    display: none;
}

.CentreText {
    text-align: center;
}

.ClearRow {
    clear: both;
    display: inline-block;
}

.Centre {
    margin-left: auto;
    margin-right: auto;
}

.InfoCursor {
    cursor: help;
    font-weight: bold;
}

.Clickable {
    cursor: pointer;
}


.UpperCaseFirstLetter {
    text-transform: capitalize;
}




.NumberOfChildrenButton {
    border: 0 none;
    border-radius: 8px;
    font-family: "HeaderFont","Tahoma";
    width: 300px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}


.MobilePageContent {
    display: none;
}


.NavigationRow #MobileNav {
    display: none;
}

.FullWidth {
    width: 98%;
}



.FoodItem {
    font-weight: bold;
}

.MainContainer li {
    clear: both;
}

/* Main Navigation */

.NavigationRow {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 10px;
    position: absolute;
    z-index: 999;
    margin-top: -18px;
}

    .NavigationRow ul {
        list-style: none;
        margin: 0 auto;
        padding-top: 8px;
        background-color: #c3b845;
        border-radius: 10px;
        height: 28px;
        width: 90%;
        text-transform: uppercase;
        padding-left: 0;
    }

        .NavigationRow ul li {
            float: left;
            clear: none;
            margin-right: 2%;
        }

            .NavigationRow ul li:first-child {
                margin-left: 3%;
            }


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

            .NavigationRow ul li a {
                clear: none;
                font-size: 1.125em;
                color: #FFF;
                text-decoration: none;
            }


/* Admin Navigation */

.AdminNavigationRow {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 10px;
    z-index: 999;
}

    .AdminNavigationRow ul {
        list-style: none;
        margin: 0 auto;
        padding-left: 0px;
        background-color: #c3b845;
        border-radius: 10px;
        height: 35px;
        width: 90%;
        text-transform: uppercase;
    }

        .AdminNavigationRow ul li {
            float: left;
            clear: none;
            margin-right: 2%;
        }


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

            .AdminNavigationRow ul li a {
                clear: none;
                font-size: 1em;
                color: #FFF;
                text-decoration: none;
            }

/* Slider CSS */

#slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 291px;
}

    #slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100% !important;
        height: 291px !important;
        margin-left: 0px !important;
    }

        #slider ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 291px;
            background: #ccc;
            text-align: center;
            line-height: 300px;
        }

a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    cursor: pointer;
}

    a.control_prev:hover, a.control_next:hover {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
    }

a.control_prev {
    padding-left: 5%;
}

a.control_next {
    right: 0;
    padding-right: 5%;
}



.AdminContentContainer {
    margin: 0 auto;
    padding: 20px 5%;
    width: 90%;
    overflow: auto;
    background: #fff;
}

.ContentContainer {
    margin: 0 auto;
    padding: 50px 5%;
    width: 90%;
    overflow: auto;
    background: #fff;
}


.PageContent {
    float: left;
    width: 64.5%;
    padding-right: 5%;
    margin-right: 5%;
    border-right: 1px solid #000;
}

.SideBox {
    float: left;
    width: 25%;
}

    .SideBox img {
        width: 100%;
        max-width: 225px;
    }

.TwitterBox {
    background: #f5f0da;
    border-radius: 10px;
}

.TwitterBoxHeader {
    color: #961e42;
    font-size: 30px;
    font-weight: bold;
    padding: 5%;
    text-align: center;
    width: 90%;
}

    .TwitterBoxHeader img {
        width: 100%;
        max-width: 180px;
        margin: 0 auto;
        display: block;
    }

.TwitterFeed {
    padding: 5%;
}

.timeline-Widget {
    width: 90%;
    max-width: 180px !important
}

#twitter-widget-0, .twitter-timeline, .twitter-timeline-rendered {
    min-width: 100px !important;
}

.FooterTop {
    max-height: 15px;
    background: #fff;
}

.Footer {
    background: #f5f0da;
    padding: 30px 3%;
    margin: 0;
    text-align: right;
    font-size: .75em;
    overflow: auto;
}

.Copyright {
    float: right;
}

.FooterMenu {
    float: left;
}

    .FooterMenu ul {
        list-style: outside none none;
        overflow: auto;
        padding-left: 0px;
    }

        .FooterMenu ul li {
            float: left;
            clear: none;
            margin-right: 20px;
        }

            .FooterMenu ul li a {
                text-decoration: none;
                color: #696969;
            }

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

.Register-SignIn-Buttons {
    width: 100%;
    max-width: 505px;
    margin: 0 auto;
}


.LoginStatus {
    float: right;
    font-size: .8em;
    margin-top: 50px;
}

    .LoginStatus .MediumButton {
        display: inline-block;
        padding-top: 5px;
        height: 25px;
    }


.LargeButton {
    font-size: 1.4em;
    width: 180px;
    border-radius: 8px;
    display: inline-block;
    height: 40px;
}

.LoginStatus .LargeButton {
    padding-top: 15px;
}

.FormButton.LargeButton {
    width: 250px;
    height: 50px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 0px;
}


    .FormButton.LargeButton.SmallText {
        font-size: 0.8em !important;
    }


a.FormButton {
    display: inline-block;
    padding-top: 6px;
    height: 25px;
}

.SmallButton {
    font-size: 1.2em;
    width: 110px;
    border-radius: 8px;
    height: 30px;
    border: 0px;
}


.MediumButton {
    font-size: 1em;
    width: 160px;
    border-radius: 8px;
    height: 30px;
    border: 0px;
}

.SelectEntireMonthsMeals {
    font-size: .8em;
}

.CalendarButtonBack {
    background-color: #C0B430;
    color: #FFF !important;
    text-decoration: none;
    border: 0 none;
    border-radius: 8px;
    width: 100%;
    max-width: 200px;
    margin: 10px auto;
    display: block;
    clear: both;
    text-align: center;
    height: 30px;
    cursor: pointer;
    -webkit-appearance: none;
}

.CalendarButtonForward {
    background-color: #C0B430;
    color: #FFF !important;
    text-decoration: none;
    border: 0 none;
    border-radius: 8px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
    clear: both;
    text-align: center;
    height: 30px;
    cursor: pointer;
    -webkit-appearance: none;
}

.CalenderKeyButton {
    background-color: #C0B430;
    color: #FFF !important;
    text-decoration: none;
    border: 0 none;
    border-radius: 8px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
    clear: both;
    text-align: center;
    height: 30px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-bottom: 25px;
}


.PayNow {
    text-decoration: none;
    border: 0 none;
    border-radius: 8px;
    width: 100%;
    max-width: 200px;
    margin: 10px 0;
    display: block;
    clear: both;
    text-align: center;
    height: 30px;
    cursor: pointer;
}

.ClearOrder {
    text-decoration: none;
    border: 0 none;
    border-radius: 8px;
    width: 100%;
    max-width: 200px;
    margin: 10px 0;
    display: block;
    clear: both;
    text-align: center;
    height: 30px;
    cursor: pointer;
}

.ButtonRightMargin {
    margin-right: 10px !important;
}

.ButtonButtonMargin {
    margin-bottom: 10px !important;
}

.SmallRightMargin {
    margin-right: 8px !important;
}

.MediumRightMargin {
    margin-right: 15px !important;
}

.LargeRightMargin {
    margin-right: 20px !important;
}

.SmallTopPadding {
    padding-top: 6px !important;
}

.SmallTopMargin {
    margin-top: 8px !important;
    display: block;
}

.MediumTopMargin {
    margin-top: 15px !important;
    display: block;
}

.LargeTopMargin {
    margin-top: 20px !important;
    display: block;
}


.SmallBottomMargin {
    margin-bottom: 8px !important;
    display: block;
}

.MediumBottomMargin {
    margin-bottom: 15px !important;
    display: block;
}

.LargeBottomMargin {
    margin-bottom: 20px !important;
    display: block;
}


.InputMargin {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    display: block;
}

/* Input boxes */

.FormButton {
    -webkit-appearance: none;
}

.InputBox {
    font-size: 1em;
    border: 1px solid #666;
    padding: 5px;
    width: 98%;
    max-width: 300px;
    border-radius: 10px;
}

    .InputBox.Short {
        width: 150px;
    }


    .InputBox.MultiLine {
        width: 600px !important;
        height: 80px !important;
    }

/* Calendar */

.CalendarContainer {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.CalendarCentre {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.CalendarHeader {
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 10px;
}

.MealCalendar, .CalendarRow {
    width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.CalendarDay {
    margin: 5px;
    width: 59px;
    height: 59px;
    border-radius: 8px;
    border: 1px solid #959595;
    display: inline-block;
    color: #000;
}

    .CalendarDay.Today {
        background-color: #38c6d3;
        color: #FFF !important;
    }



    .CalendarDay:hover {
        opacity: 1;
        box-shadow: 3px 3px 3px #333;
    }

.DayHeader {
    width: 65px;
    /*margin-left:10px;
          margin-right:10px;*/
    text-align: center;
    display: inline-block;
}

.WeekSelect {
    height: 15px;
    width: 59px;
    display: inline-block;
    text-decoration: none;
    font-size: 0.8em;
    color: #333;
    padding-top: 3px;
}

    .WeekSelect.Allowed {
        background-image: url('/Design/Buttons/SelectWeek.png');
        background-repeat: no-repeat;
        background-position: right center;
    }

/* Calendar days */

.CalendarDay.PastDay {
    opacity: 0.6;
    background-color: #b5b5b5;
    color: #FFF !important;
}

    .CalendarDay.PastDay:hover {
        opacity: 1;
    }


.CalendarDay.SpecialDay {
    background-image: url('/Design/Meals/SpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.PackedMealFreeSpecialDay {
    background-image: url('/Design/Meals/PackedMealFreeSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.PackedMealPaidSpecialDay {
    background-image: url('/Design/Meals/PackedMealPaidSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}
.CalendarDay.PackedVegMealPaidSpecialDay {
    background-image: url('/Design/Meals/PackedVegMealPaidSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}




.CalendarDay.MainMeal {
    background-image: url('/Design/Meals/MainMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.MainMealPaid {
    background-image: url('/Design/Meals/MainMealPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.MainMealCredit {
    background-image: url('/Design/Meals/MainMealCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.MainMealFree {
    background-image: url('/Design/Meals/MainMealFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.MainMealSpecialDay {
    background-image: url('/Design/Meals/MainMealSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.MainMealPaidSpecialDay {
    background-image: url('/Design/Meals/MainMealPaidSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.MainMealCreditSpecialDay {
    background-image: url('/Design/Meals/MainMealCreditSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.MainMealFreeSpecialDay {
    background-image: url('/Design/Meals/MainMealFreeSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.MainMeal, .CalendarDay.MainMealPaid, .CalendarDay.MainMealCredit, .CalendarDay.MainMealFree, .CalendarDay.MainMealSpecialDay, .CalendarDay.MainMealPaidSpecialDay, .CalendarDay.MainMealCreditSpecialDay, .CalendarDay.MainMealFreeSpecialDay, .FoodItem.MainFoodItem {
    /*background-color:#2ead20;*/
    color: #000 !important;
}

.FoodItem.MainFoodItem {
    background-color: #2ead20;
    color: #FFF !important;
}


.CalendarDay.VegMeal {
    background-image: url('/Design/Meals/VegMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.VegMealPaid {
    background-image: url('/Design/Meals/VegMealPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.VegMealCredit {
    background-image: url('/Design/Meals/VegMealCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.VegMealFree {
    background-image: url('/Design/Meals/VegMealFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.VegMealSpecialDay {
    background-image: url('/Design/Meals/VegMealSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.VegMealPaidSpecialDay {
    background-image: url('/Design/Meals/VegMealPaidSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.VegMealCreditSpecialDay {
    background-image: url('/Design/Meals/VegMealCreditSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.VegMealFreeSpecialDay {
    background-image: url('/Design/Meals/VegMealFreeSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.PackedVegMealCreditSpecialDay {
    background-image: url('/Design/Meals/VegMealPaidSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.VegMeal, .CalendarDay.VegMealPaid, .CalendarDay.VegMealCredit, .CalendarDay.VegMealFree, .CalendarDay.VegMealSpecialDay, .CalendarDay.VegMealPaidSpecialDay, .CalendarDay.VegMealCreditSpecialDay, .CalendarDay.VegMealFreeSpecialDay, .FoodItem.VegFoodItem {
    /*background-color:#daa239;*/
    color: #000 !important;
}

.FoodItem.VegFoodItem {
    background-color: #daa239;
    color: #FFF !important;
}

.CalendarDay.JacketMeal {
    background-image: url('/Design/Meals/JacketMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.JacketMealPaid {
    background-image: url('/Design/Meals/JacketMealPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.JacketMealCredit {
    background-image: url('/Design/Meals/JacketMealCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.JacketMealFree {
    background-image: url('/Design/Meals/JacketMealFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.JacketMealSpecialDay {
    background-image: url('/Design/Meals/JacketMealSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.JacketMealPaidSpecialDay {
    background-image: url('/Design/Meals/JacketMealPaidSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.JacketMealCreditSpecialDay {
    background-image: url('/Design/Meals/JacketMealCreditSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}





.CalendarDay.JacketMealFreeSpecialDay {
    background-image: url('/Design/Meals/JacketMealFreeSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.JacketMeal, .CalendarDay.JacketMealPaid, .CalendarDay.JacketMealCredit, .CalendarDay.JacketMealFree, .CalendarDay.JacketMealSpecialDay, CalendarDay.JacketMealPaidSpecialDay, .CalendarDay.JacketMealCreditSpecialDay, .CalendarDay.JacketMealFreeSpecialDay, .FoodItem.AltFoodItem {
    /*background-color:#c43b2c;*/
    color: #000 !important;
}

.FoodItem.AltFoodItem {
    background-color: #c43b2c;
    color: #FFF !important;
}

/* Special diet meals */

.CalendarDay.SpecialMeal {
    background-image: url('/Design/Meals/SpecialMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SpecialMealPaid {
    background-image: url('/Design/Meals/SpecialMealPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SpecialMealCredit {
    background-image: url('/Design/Meals/SpecialMealCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.SpecialMealFree {
    background-image: url('/Design/Meals/SpecialMealFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

/* Special diet alt meals */

.CalendarDay.SpecialMealAlt {
    background-image: url('/Design/Meals/SpecialMealAlt.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SpecialMealAltPaid {
    background-image: url('/Design/Meals/SpecialMealAltPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SpecialMealAltCredit {
    background-image: url('/Design/Meals/SpecialMealAltCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.SpecialMealAltFree {
    background-image: url('/Design/Meals/SpecialMealAltFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

/* Special diet veg meals */

.CalendarDay.SpecialMealVeg {
    background-image: url('/Design/Meals/SpecialMealVeg.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SpecialMealVegPaid {
    background-image: url('/Design/Meals/SpecialMealVegPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SpecialMealVegCredit {
    background-image: url('/Design/Meals/SpecialMealVegCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.SpecialMealVegFree {
    background-image: url('/Design/Meals/SpecialMealVegFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


/* AwayDay meals */

.CalendarDay.AwayMeal {
    background-image: url('/Design/Meals/AwayDayMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.AwayMealPaid {
    background-image: url('/Design/Meals/AwayDayMealPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.AwayMealCredit {
    background-image: url('/Design/Meals/AwayDayMealCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.AwayMealFree {
    background-image: url('/Design/Meals/AwayDayMealFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.AwayMealFreeSpecialDay {
    background-image: url('/Design/Meals/AwayDayMealFreeSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.AwayMealPaidSpecialDay {
    background-image: url('/Design/Meals/AwayDayMealPaidSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}



/* Packed meals */

.CalendarDay.PackedMeal {
    background-image: url('/Design/Meals/PackedMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff !important;
}

.CalendarDay.PackedMealPaid {
    background-image: url('/Design/Meals/PackedMealPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.PackedMealCredit {
    background-image: url('/Design/Meals/PackedMealCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.PackedMealFree {
    background-image: url('/Design/Meals/PackedMealFree.png');
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff !important;
}

.CalendarDay.PackedVegMeal {
    background-image: url('/Design/Meals/PackedVegMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff !important;
}

.CalendarDay.PackedMeal, .CalendarDay.PackedMealPaid, .CalendarDay.PackedMealCredit, .CalendarDay.PackedMealFree {
    /*background-color:#2ead20;*/
    color: #000;
}

.CalendarDay.PackedVegMealPaid {
    background-image: url('/Design/Meals/PackedVegMealPaid.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.PackedVegMealCredit {
    background-image: url('/Design/Meals/PackedVegMealCredit.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.PackedVegMealFree {
    background-image: url('/Design/Meals/PackedVegMealFree.png');
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 100%;
}

.CalendarDay.PackedVegMealFreeSpecialDay {
    background-image: url('/Design/Meals/PackedVegMealFreeSpecialDay.png');
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 100%;
}

.CalendarDay.PackedVegMeal, .CalendarDay.PackedVegMealPaid, .CalendarDay.PackedMealVegCredit, .CalendarDay.PackedVegMealFree {
    /*background-color:#daa239;*/
    color: #000;
}


.CalendarDay.schoolFunctionDay {
    background-image: url('/Design/Meals/schoolFunctionDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SummerHoliday {
    background-image: url('/Design/Meals/SummerHoliday.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.WinterHoliday {
    background-image: url('/Design/Meals/WinterHoliday.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.CancelledByAdminMeal {
    background-image: url('/Design/Meals/CancelledByAdminMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay.CancelledByAdminMealSpecialDay {
    background-image: url('/Design/Meals/CancelledByAdminMealSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.CancelledMeal {
    background-image: url('/Design/Meals/CancelledMeal.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.CancelledMealSpecialDay {
    background-image: url('/Design/Meals/CancelledMealSpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SickMeal {
    background-image: url('/Design/Meals/SickDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.CalendarDay.SickMealSpecialDay {
    background-image: url('/Design/Meals/SickDaySpecialDay.png');
    background-repeat: no-repeat;
    background-size: 100%;
}


.CalendarDay Span.DayHolder {
    /*width:30px;
          height:30px;
          padding-top:6px;*/
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.CalendarDay Span.DayHolderLocked {
    /*height:30px;
          padding-top:6px;
          margin-left:auto;
          margin-right:auto;
          width:55px;*/
    padding-top: 20px;
    display: inline-block;
    background-image: url('/Design/Meals/Locked.png');
    background-repeat: no-repeat;
    text-align: center;
    background-size: 34px auto;
    width: 100%;
}

/* Dialog screens */

.StandardMealButton {
    background-image: url('/Design/Buttons/StandardMeal.png') !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    background-repeat: no-repeat;
    text-align: center;
    /*
          font-size:0.9em!important;
          font-weight:bold!important;
          border-radius:8px!important;
            */
}

.VegiMealButton {
    background-image: url('/Design/Buttons/VegiMeal.png') !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    background-repeat: no-repeat;
    text-align: center;
    /*
          font-size:0.9em!important;
          font-weight:bold!important;
          border-radius:8px!important;
            */
}

.JacketMealButton {
    background-image: url('/Design/Buttons/PotatoMeal.png') !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    background-repeat: no-repeat;
    text-align: center;
    /*
          font-size:0.9em!important;
          font-weight:bold!important;
          border-radius:8px!important;
            */
}

.CloseButton {
    background-image: url('/Design/Buttons/CloseButton.png') !important;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    background-repeat: no-repeat;
    text-align: center;
    /*font-size:0.9em!important;
          font-weight:bold!important;
          border-radius:8px!important;
            */
}

    .StandardMealButton:hover, .VegiMealButton:hover, .JacketMealButton:hover, .CloseButton:hover {
        background-image: url('/Design/Buttons/ButtonHover.png') !important;
    }

/* Tool tips */

.ui-tooltip, .arrow:after {
    background: #ec8d3b !important;
    border: 2px solid white !important;
}

.ui-tooltip {
    padding: 10px 20px !important;
    color: white !important;
    border-radius: 20px !important;
    font-size: 0.8em !important;
    font-weight: bold !important;
    box-shadow: 0 0 7px black !important;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

/* Meal Basket */

.MealBasket {
    /* float:right;
           
            width:250px;
            border-radius:8px;
            background-color:#f4f4f4;
            border: 1px solid #b8b8b8;
            padding:15px;*/
    margin-top: 25px;
}

.MealBasketHeader {
    font-size: 1.3em;
    display: block;
}

.MealBasket .LargeButton {
    height: 35px;
}

.MealBasket .SchoolName {
    /*font-size:0.8em;*/
}

.MealBasket .SwitchChildLink {
    display: block;
    color: #696969;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: .8em;
    padding-left: 20px;
}

    .MealBasket .SwitchChildLink:before {
        content: "- ";
    }

.MealBasket .CurrentBasket {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 0.8em;
}

.MealBasket .ChildName {
    font-family: 'HeaderFont','Tahoma';
    font-size: 1.2em;
    margin-top: 4px;
    margin-bottom: 4px;
}

.MealBasket .OrderCost {
    font-family: 'HeaderFont','Tahoma';
    font-size: 1.6em;
}


/* Checkout Screen */

.CheckoutScreen {
    width: 800px;
    border-radius: 8px;
    background-color: #f4f4f4;
    border: 1px solid #b8b8b8;
    padding: 25px;
}

    .CheckoutScreen .LargeButton {
        padding-top: 10px;
        font-size: 1.5em;
        margin-left: auto;
        margin-right: auto;
        width: 400px;
        height: 35px;
        display: block;
        float: none;
    }


.PaymentHolder {
    width: 500px;
    border-radius: 8px;
    background-color: #FFF;
    border: 1px solid #b8b8b8;
    padding: 5px;
}


.ChildHeader {
    font-family: 'HeaderFont','Tahoma';
    font-weight: lighter;
    font-size: 1.4em;
    padding: 0px;
    margin: 0px;
}

.MealRow {
    width: 450px;
    border-bottom: 1px solid #333;
    padding: 8px;
    font-size: 0.8em;
    background-color: #FFF;
}

.MealHeaderRow {
    width: 450px;
    border-bottom: 1px solid #333;
    font-family: 'HeaderFont','Tahoma';
    font-weight: lighter;
    font-size: 1em;
    display: block;
    padding-bottom: 4px;
    padding: 8px;
    margin-top: 15px;
    background-color: #eaeaea;
}

.DateCol {
    width: 130px;
    display: inline-block
}

.TypeCol {
    width: 150px;
    display: inline-block
}



.RegisterPage li .pstrength-bar {
    max-width: 310px !Important;
    margin-top: 2px;
}


/* My Account */

.MyAccountContainer {
    list-style: none;
    display: inline-block;
    float: left;
    width: 420px;
    height: 200px;
    padding: 15px;
    font-size: 0.9em;
    border-radius: 8px;
    background-color: #f4f4f4;
    border: 1px solid #b8b8b8;
}

    .MyAccountContainer li {
        clear: both;
    }

        .MyAccountContainer li span {
            color: #000;
            margin-top: 3px;
        }

        .MyAccountContainer li div {
            margin-top: 1px;
        }

.OrderHeaderBottomBorder {
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 3px;
    display: none;
}

.OrderBottomBorder {
    border-bottom: 1px dotted #b8b8b8;
    padding-bottom: 3px;
    width: 180px;
}

    .OrderBottomBorder:hover {
        cursor: pointer;
    }

.OrderDetailsColumn {
    /* width:100px;
          margin-right:5px;*/
    display: inline-block;
    font-size: 0.8em;
}

    .OrderDetailsColumn.Header {
        font-weight: bold;
    }

#SelectMonthsMeal {
    height: 35px !important;
}

#SelectWeeksMeal {
    height: 35px !important;
}

.GreyBackground {
    background: #eee;
    border-radius: 10px;
    width: 96%;
    padding: 2%;
}

.LastOrdersPlaced {
    width: 100%;
    margin-bottom: 5px;
}

a#view-more-orders {
    font-size: 0.8em;
}

a#no-orders-placed {
    font-size: 0.8em;
}

.FreeMealsHolder {
    width: 100%;
    border-bottom: 1px dotted #000;
    padding-bottom: 10px;
}


.RegisteredChildrenContainer {
    list-style: none;
    display: inline-block;
    float: left;
    width: 900px;
    padding: 10px;
    font-size: 0.9em;
    border-radius: 8px;
    background-color: #f4f4f4;
    border: 1px solid #b8b8b8;
}

.ChildContainer {
    width: 43%;
    display: inline-block;
    padding: 2%;
    margin: 0 2% 2% 0;
    border-radius: 8px;
    border: 1px solid #b8b8b8;
    text-align: center;
    background-color: #FFF;
}

    .ChildContainer div {
        margin-top: 5px;
    }

    .ChildContainer .BoyImage {
        background-image: url('/Design/Children/Boy.png');
        width: 100px;
        height: 100px;
        display: inline-block;
        border-radius: 8px;
        border: 1px solid #b8b8b8;
    }

    .ChildContainer .GirlImage {
        background-image: url('/Design/Children/Girl.png');
        width: 100px;
        height: 100px;
        display: inline-block;
        border-radius: 8px;
        border: 1px solid #b8b8b8;
    }

    .ChildContainer .BoyImageFree {
        background-image: url('/Design/Children/BoyFree.png');
        width: 100px;
        height: 100px;
        display: inline-block;
        border-radius: 8px;
        border: 1px solid #b8b8b8;
    }

    .ChildContainer .GirlImageFree {
        background-image: url('/Design/Children/GirlFree.png');
        width: 100px;
        height: 100px;
        display: inline-block;
        border-radius: 8px;
        border: 1px solid #b8b8b8;
    }
	
	.ChildContainer .ChildImageFree {
        background-image: url('/Design/Children/ChildFree.png');
        width: 100px;
        height: 100px;
        display: inline-block;
        border-radius: 8px;
        border: 1px solid #b8b8b8;
    }

    .ChildContainer .ChildImage {
        background-image: url('/Design/Children/Child.png');
        width: 100px;
        height: 100px;
        display: inline-block;
        border-radius: 8px;
        border: 1px solid #b8b8b8;
    }


    .ChildContainer .ChildName {
        font-size: 1.2em;
        font-family: 'HeaderFont','Tahoma';
    }

/* School search */

.SchoolSearch {
    list-style: none;
    padding: 5px;
    margin: 0px;
    width: 300px;
    position: absolute;
    background-color: #b8b8b8;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.SchoolSearchResult {
    background-color: #000;
    color: #FFF !important;
    border-top: 1px solid #b8b8b8;
    padding: 8px;
    cursor: pointer;
}

    .SchoolSearchResult:hover {
        background-color: #b8b8b8;
        color: #000 !important;
    }

/* Worldpay Callback */

.CallBackContainer {
    width: 500px;
    border-radius: 8px;
    background-color: #f4f4f4;
    border: 1px solid #b8b8b8;
    padding: 15px;
}

    .CallBackContainer .LargeButton {
        padding-top: 10px;
        height: 35px;
    }

.FoodItem.SandwhichChoice1 {
    background-color: #2ead20 !important;
    color: #fff !important;
}

.FoodItem.SandwhichChoice2 {
    background-color: #daa239 !important;
    color: #fff !important;
}

.DorsetContact, .WiltsSwindonContact, .NELContact, .WSussexContact {
    display: none;
}

/*.PageContent .OrderMealsButton {display:none;}
       .PageContent .HomeRegister {display:none;}
       .PageContentt .HomeLogin {display:none;}*/

#SetSpecialDay {
    height: auto !important;
}

.schoolSelector input {
    float: left;
    clear: left;
}

.schoolSelector label {
    float: left;
    clear: right;
}

#SelectMeal {
    height: auto !important;
}

#CancelMeal {
    height: auto !important;
}

/* Fix pages when printing */
@media print {
    .AdminContentContainer {
        overflow: visible !important;
    }
}

/*Translate bar along top of site */
.top-bar {overflow: hidden; width: 100%; overflow:auto; max-width: 100%; margin: 0 auto; font-size: .8em;}
.top-bar-inner {min-height:30px; width: 100%; max-width:100pxpx; margin:0 auto;}
.top-bar-inner .top-bar-right-container {position:relative; float:right;}
.top-bar-font-size {margin-right: 10px;}
.small-font-link {font-size:.75em;}
.medium-font-link{font-size:1em;}
.large-font-link{font-size:1.25em;}
.top-bar-language-selector{max-width:150px; margin-right: 20px;}
.goog-te-gadget-simple{width:100%;background-color:#000 !important;border-style:hidden !important;padding:0px !important;}
.goog-te-gadget-icon{float:left;}
.top-bar-language-selector img{display:inline-block;}
.goog-te-gadget img{display:none;}
.goog-te-gadget{font-size:0em !important; color:#233d7e !important;}
.goog-te-gadget span{display:none !important;}
.top-bar .signup-button .button-text, .login-button .button-text {float:left;font-size:1em;margin-top:8px;padding:0px;}