﻿.col-mob-12, .col-mob-9, .col-mob-8, .col-mob-6, .col-mob-4, .col-mob-3 { float: left; }
.col-mob-12 { width: 100%; } 
.col-mob-11 { width: 91.66666666666666%; } 
.col-mob-10 { width: 83.33333333333334%; } 
.col-mob-9 { width: 75%; } 
.col-mob-8 { width: 66.66666666666666%; } 
.col-mob-7 { width: 58.333333333333336%; } 
.col-mob-6 { width: 50%; } 
.col-mob-5 { width: 41.66666666666667%; } 
.col-mob-4 { width: 33.33333333333333%; } 
.col-mob-3 { width: 25%; } 
.col-mob-2 { width: 16.666666666666664%; } 
.col-mob-1 { width: 8.333333333333332%; }

.mob-hide { display: none !important; }
.TransBacking { max-width: 470px; }

#aspnetForm {
    min-height: 100%;
    height: 100%;
    position: relative;
}
.UserPanel {
    border: 0 !important;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 0;
}
.OuterPanel {
    background-position: left bottom !important;
    border: medium none !important;
    padding: 0;
    width: 100%;

    height: auto !important;
    min-height: 100% !important;
    margin-bottom: -16px; /* -16px = -footer height */
}
.PushHeader { height: 25px; } /* 25px = header height */
.PushFooter { height: 16px; } /* 16px = footer height */

.PageTextPanel { display: none; }
.InnerPanel {
    padding: 0 !important;
    width: 100% !important;
}
.UserTable { width: 100%; height: 25px; }
.SiteGroupAccordionHeader {
    padding: 5px 0;
    width: 100% !important;
}
.SiteGroupAccordionHeaderSelected {
    padding: 5px 0;
    width: 100% !important;
}
.FooterPanel {
    padding: 0;
    width: 100%;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}
.SearchPanel { border: medium none; }
.TitlePanel { width: auto; }
.AddressBar { display: none; }
.LogoPanel { margin: 0; padding: 0 0 10px 0 !important; }
.LogoPanel img {
    width: 100%;
    max-height: 200px;
    max-width: 400px;
}
.NavigationPanel {
    clear: left;
    margin-bottom: 10px;
    margin-left: 5px;
    width: auto;
}
.FormLinkBold { line-height: 13px; }
.OpeningHoursSpacerPanel { display: none; }
.RemoveCell, .RemoveButton { display: none; }
.MultiLineDiv { padding: 0; }
.FormButtonRightAlign { margin-right: 2px !important; }

/* Page specific */

#ctl00_MainContentHolder_TermsTextBox {
    width: 99% !important;
    margin: 0 auto;
}
.TimeslotsDayCell { display: none; }
.TimeslotsOnCell { display: none; }
.TimeslotsAddCell { display: none; }
.TimeslotsTimeCell { text-align: left; }
.TimeslotsTable select { width: 100%; }
/* For select times we want to align to a fixed width table edge */
.SelectTimesSpacerPanel {
    max-width: 313px;
    padding-right: 0;
}
.DaysUntilAppointmentLabel { display: none; }
.SelectServicesSpacerPanel { padding-right: 0; }
#ctl00_MainContentHolder_StartDatePanel { max-width: 313px; }
#SelectTimesDateContainer {
    padding-right: 30px;
    width: 100%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}
#StartDateText {
    float: left;
    width: 98%;
    margin-top: 5px;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}
#StartDateText input { width: 100%; }
#ctl00_MainContentHolder_StartDateBtn {
    float: right;
    width: 30px;
    margin-right: -30px;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}
.NoAvailability { max-width: 470px; }
