/**** Outer Body CSS, Headers & Structural Elements ***/
@media all {
    BODY {
        color: [body.color];
        background-color: [body.background-color];
        font-family: [body.font-family];
        font-size: [body.font-size];
        font-weight: [body.font-weight];
        margin: 0;
        padding: 0;
    }

    .text {
        font-family: [body.font-family];
        font-size: [body.font-size];
        font-weight: [body.font-weight];
    }

    .FlexiHolder {
        display: table-cell;
    }

    .pageheader {
        color: [pageheader.color];
        font-family: [pageheader.font-family];
        font-size: [pageheader.font-size];
        font-weight: [pageheader.font-weight];
    }

    H1, H2, H3, H4, H5, H6 {
        margin: 0px;
    }

    H1 {
        color: Black;
        font-family: Times New Roman;
        font-size: 20pt;
    }

    H2 {
        font-family: Verdana;
        font-size: 13.5pt;
    }

    H3 {
        color: Black;
        font-family: Verdana;
        font-size: 12pt;
    }

    H4 {
        color: [h4.color];
        font-family: [h4.font-family];
        font-size: [h4.font-size];
        font-weight: [h4.font-weight];
        margin-bottom: 10px;
    }

    H5 {
        font-size: smaller;
    }

    H6 {
    }

    HR {
        border: none;
        background-color: [hr.color];
        color: [hr.color];
        height: [hr.height];
    }

    LI {
        font: 8pt verdana;
    }

    P {
        margin-bottom: 10px;
    }

    TABLE {
        border-collapse: collapse;
    }

    TH, TD {
        padding: 3px;
        vertical-align: top;
    }

    UL, OL {
        /* margin-left: 0px; */
    }

    .clear {
        display: none;
        clear: both;
    }

    A, A:visited, A:link {
        color: [a.color];
        font-family: [a.font-family];
        font-size: [a.font-size];
        font-weight: [a.font-weight];
        text-decoration: none;
    }

        A:hover {
            text-decoration: none;
        }
}
/**** Outer Body CSS, Headers & Structural Elements ***/

/*** Wait spinner, Modal Dialogs ***/
@media all {
    .divSpinner:before {
        content: "Processing...";
        display: block;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
    }

    .divSpinner {
        -moz-border-radius: 5px;
        background: url('/OnlineBooking/(X(1)S(afrx2e55x23cdr45arrxza55))/Images/spinner2.gif') no-repeat center;
        height: 150px;
        left: 50%;
        margin-left: -120px;
        margin-top: -50px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 200px;
        z-index: 10003;
    }

    .divBackground {
        background-color: Gray;
        filter: alpha(opacity=50);
        height: 110%;
        left: 0px;
        opacity: 0.5;
        position: fixed;
        top: 0px;
        visibility: inherit;
        width: 110%;
        z-index: 10002;
    }

    .ModalBackground {
        background-color: Gray;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .ModalBox {
        background-color: #f5f5f5;
        border-collapse: separate; /*IE Fix for box shadow to work inside table */
        border-color: rgba(0,0,0,0.3);
        border-style: solid;
        border-width: 1px;
        border-radius: 7px;
        box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
        padding: 10px;
    }

        .ModalBox caption {
        }

    .ModalContainer {
        height: auto !important;
        height: 400px;
        height: expression( this.scrollHeight > this.maxHeight ? this.maxHeight : this.minHeight );
        max-height: 400px;
        min-height: 200px;
        overflow: auto;
        padding: 10px;
        width: 400px;
    }

    A.ModalCloseX:before {
        content: "X";
    }

    A.ModalCloseX {
        background: none repeat scroll 0 0 #605F61;
        border-radius: 12px;
        box-shadow: 1px 1px 4px #000;
        color: #FFFFFF; /**/
        font-size: 18px; /**/
        line-height: 0;
        padding: 12px 0 12px 0;
        position: absolute;
        right: -12px;
        text-align: center;
        text-decoration: none;
        top: -12px;
        width: 24px;
    }
}
/*** Wait spinner, Modal Dialogs ***/

/* Mobile Header */
@media all {
    .CallButtonWrapper {
        display: inline-block;
        float: right;
    }

    .MobileLogoWrapper {
        display: inline-block;
        float: left;
    }

    .Centered .MobileLogoWrapper {
        display: block;
        width: 100%;
        text-align: center;
    }

    .Centered .CallButtonWrapper {
        display: block;
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }

    .CallButton {
        background-color: [template.color1];
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAXCAYAAABDArJmAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAId0lEQVRYR9WZC0xVyRnHMcK6BYFKd1dLyyJ2l65bl6K1sXRVYtP6tmqtAakp2ajrIwWk2bpqty0G10esIIqv4KLrqhibWmmLUk15qfjIFmmQN4q8n/KS1wUut79vOPfmQK5V4KZJ/8kvZ87MnHNnvjPzzTdz7XQaBz+FA/Bjk8lk978AucIP4CNIgNvwJaTDF7AF3gMna8+PBuQMIRChEQiOWpkHhIK5bCUoTR4zZkyQj4/PkcDAwCJPT89/kPedoS+3Neht2OXs7Jwyb968/PDw8CcHDhyoOnz4cPW+ffsqQ0NDS/38/B6OGzcuiXpb4XVr7xkpixYtmrRkyZKUZcuWFQqkT9CO16Rs/vz5s/RlCxcuPCwNdnNwcNjl7e2dWVpamtvQ0GBISkpqnDhxYiRlrwz9AVuB3sIIny1evDgvOTm5qaKiovvZs2d9RqOxn3JTX19ff1tbWx9t6rpw4UIDRntAO/fz3Nf07xkNt27d8szJyamtqakxCLm5ucnHjh3zlLJLly4tKyoqKjeXpaampti5ubn9aufOneX5+fmd0dHRT1paWtp6e3v74+PjU11cXLyH/oAtQN6TJk06HxUVVWUwGJRxXqTGxsaesLCwogkTJoTz/FfIsvru4YBxJmOIZtJKdXV1KWfOnJlM0u7q1asrm5ub6wZKTKasrKxMu6CgoJuVlZXd/f39JqzXQKU80gYezN2zZ89M6ln9oZGCxk6ZMuXjgwcPlre3t/eRN1TSwEdg6YRZtbW1hnXr1qXxDpu4iGEbKzs7u0q7NzEFe65du5bR2dnZyHR4yDSYQbbVHxop+Cf3zZs35zCCe7k3ywgPIRjehbfh+/B7aAIl+aC3b99uXr169QfcDnovcoHZsBOOw3mNaJBFQvyjg/6ZYRurp6enRrtXysvLu4qR8kh+AcrZ2ZKpU6cGFxYWdpI2S6ZhGqhGWuFnYGljV1eX8fjx41GzZs2y51bVQe/b29ufZWF6gGMuCAgIKA4ODi4RVq1aVTR79uw83M1N6oWBi/m5YRsL/3Reu1fCsf6NUbWJ5LdB32ibEBIScpqrXlWMmJVcrdYHWcqjwSJG/gl8mDIWeoPFKHH79u1lKSkpLeKMxaADNU0mWTQePXrUlZCQ0IAhsxwdHReQrd49bGNxlaGvfEd3d3cvD+zC6do8phGQc3p6egZpi/gwyVzcwOozGrLQrNHhB6ps/PjxH1y8eLG+o6PD7P9kpHbDM+jQ7tXqWlBQ0LF06dJYbtWzIzHWO/BAMurr63uIcSRkeJVbc0Nthq+v72SmeC5pJQzVV1ZWFkPSav2XITIyMpaRaV5R5folfAQ/hw24mZsUW/zjjRs30rmoZ0diLEdeJg02MqKMrFKZhAziYAc1yhYQmvgyAkpIK/G1e9LS0n5H0mr9l4HZ8DlXs2R0+csQ1jR+x44dEU1NTTLClJiS2VzUs8M2loj0XCiVzIyMjJaZM2f+gexBK4ctYCWbxpcuIq1EuvfcuXOfkrRa3wx6BdzgNY2v6sr98F8B9+7d+5DYMIJAV7YoMjuO4vSTiNKzJOSgnpItjOXA6DopmXSgf+vWrQVk/4hbc4NsxTcgB5RkJJ89ezaO37KsbNZAEhLIPvHPGntBfUzkBBIaJBHoZs+dOzdvxYoVRWvXri2JiIiooJPt4q+oqzRqY4m4/y50SUFxcXHH9OnT48l+k9tBDR8lsn26D0rSCbZWsqQ/d6eAHNasWRNKx8v2799fJRD5Xzt06JDaiqFfzpgxIzs2NraGxaO1pKSkU0ZSa2urPo6zyFbGkq/7R+iRTjCkq9layAmEO3nmhr8K74L4ha+b84cD7z7K1aLMzMzmadOmbed9lvhHj5OT0zt79+6VQNkoo15gkfjn06dPZWq+yer2FzpskC0a9UXt8ARkIUlgz3mCEWwJbG1iLBF534JU6Kcxvdu2bSsj4haDTQWJgKezVCe4u7tnSxDI/XvUHdS5l8AfLJJIPjQ0tBhf8xveJx9CrcRIIvLveXh4fH79+nVLhzRFwljiph8SRBcOZJlMGExmxq/hLbCXl2zZsiUAB/9UykW2NNZY+AU0SgUZzuvXry+m6BJcWLBgQdz9+/ez796927Z79+4yDHeQ/DeoqjfGi5AYzjIVRRLR+/v7P9R+JwbkAx2FRH6nnBXUEmQiadt8sEtMTFyKsatVLmIBqfby8pJzKLO8AgMD4zGCxF1KNjOWiHyZjp+A+gE5JomLi6vDR1Rv2rTp8eXLlxtlSggxMTEVOFXZjuiN8TIsgVqwSEbYqVOn6pYvX140Z86cPHHQ5t/SqojED50CFcTSUX9G02MpEBGGtPABb9CNzyDO1dX11pEjRyplIdGqiD/+NxfVjlEbS0SZK/wJBp0K4DT7Tp8+XXflypVafIexurracPLkyRAfHx8ZkXpjvAiZauGgRvAwlAL6Ewfp2L9AiZjLKI5+48aNjzds2PCYlbZejna0YqWcnJxCuqhWX1sZawxIo2Qrov+yymAyopiicowiocYn+ISRxGTyQeT0YNAI+y+6Bz6gf4d0+rdgCQ1kcZLZoFsN5YNY4izaWkIX1WKCcTzYO1YMlLAytLcn3blzRy1o+MKfsMcsGyhhA1tV9dcB61gR5WIwiYuuwNARZsjPz48iKQGmTCl9B4aLhCd7QEaIHBfJytWqXcshE8LgeUfKMqr3gZyU1IM8Kw5dVsQkmAeyH5QjICEVozhztSO2FH/7d13ZIbZgE7QyX67yvCrj/lPNNM8XFb1ADGbZMiAZuuKr3gdbHT1LKCInAmthnXaVwPhFm2xBRphs0VaBPBsEc8B8ICCGln4Icmys/pQAMfQ3wVwmxjO7FHEV+rLXNZM8X1SSESY/8DEcgw9Btkc2Owv//8Bk9x+8/y5vYikuhgAAAABJRU5ErkJggg==);
        /*background-image: url(data:image/png;base64,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);*/
        background-position: center center;
        background-repeat: no-repeat;
        border: none;
        border-radius: 8px;
        display: inline-block;
        height: 40px;
        width: 120px;
    }
}
/* Mobile Header */
/* BookingSteps */
@media all {
    .DesktopOnly .BookingSteps {
        clear: both;
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
    }

    .DesktopOnly .BookingStep {
        display: inline-block;
        float: left;
        font-family:; /*[bookingstep.font-family]*/
        font-weight: bold; /*[bookingstep.font-weight]*/
        font-size: 13px; /*[bookingstep.font-size]*/
        opacity: 0.5;
        position: relative;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
    }

    .DesktopOnly .BookingStepSeparator {
        float: left;
        width: none;
    }

        .DesktopOnly .BookingStepSeparator:after {
            background: transparent url(data:image/gif;base64,R0lGODlhBwAKAIABAAAAAP///yH5BAEAAAEALAAAAAAHAAoAAAIPBIJol7HtDHyJRnar1LAAADs=) bottom right no-repeat;
            content: "";
            display: block;
            font-size: inherit; /*[bookingstep.font-size]*/
            height: 13px;
            margin-left: 6px;
            margin-right: 6px;
            width: 7px;
        }

    .MobileOnly .BookingStepSeparator {
        display: none;
    }

    .MobileOnly .BookingSteps {
        bottom: 0;
        background: linear-gradient(#3C3C3C, #111111) repeat scroll 0 0 #111111; /*[mobile.bookingsteps.background]*/
        background-color: #3C3C3C; /*[mobile.bookingsteps.background-color] for IE*/
        left: 0;
        padding-top: 1px;
        position: fixed;
        width: 100%;
        z-index: 10001;
    }

    .MobileOnly .BookingStep {
        display: table-cell;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-right: solid 1px black;
        color: [mobile.bookingstep.color];
        display: block;
        font-size: inherit; /*[mobile.bookingstep.font-size] */
        font-family:; /*[mobile.bookingstep.font-family] */
        font-weight: bold; /*[mobile.bookingstep.font-weight] */
        text-shadow: 0px -2px 0 rgba(0,0,0,0.5);
        float: left;
        height: 40px;
        line-height: 40px;
        margin-right: -1px;
        padding-bottom: 0;
        padding-top: auto;
        text-align: center;
    }
}
/* BookingSteps */

/* Form Structural & Text */
@media all {
    FIELDSET {
        border: none;
        border-collapse: collapse;
        clear: both;
        margin: 10px 0;
        margin-top: 20px;
        padding: 0;
        width: 440px;
    }

    LEGEND {
        color: [legend.color];
        font-family: [legend.font-family];
        font-size: [legend.font-size];
        font-weight: [legend.font-weight]; /* left: -1px;	IE Offset bug fix */
        margin-bottom: 15px;
        margin-left: 0px;
        position: relative;
        padding-left: 0px;
    }

    LABEL {
        color: [label.color]; /*#FF6600*/
        font-family: [label.font-family];
        font-size: [label.font-size];
        font-weight: [label.font-weight];
    }

    .FieldPair {
        clear: both;
        display: table;
        margin-bottom: 10px;
        width: 100%;
    }

        .FieldPair > LABEL /* Standard label on left for each input */ {
            float: left;
            padding-right: 10px;
            width: 34%;
            line-height: 19px;
        }
        /* Override for Checkbox, Radio, Submit buttons & Associated labels within .field DIV. They need to behave differently */
        .FieldPair .Field LABEL {
            float: none;
            margin-top: auto;
        }

        .FieldPair > .Field {
            float: left;
            line-height: 19px;
            width: 54%;
        }

        .FieldPair .FieldSelectWrapper, .FieldPair .FieldTextWrapper {
            width: 250px;
        }

        .FieldPair SMALL {
            color: [small.color];
            display: block;
            font-family: [small.font-family];
            font-size: [small.font-size];
            font-weight: [small.font-weight];
            line-height: NORMAL;
            opacity: 0.6;
        }
    /*
	.fieldpair .field .RadioButtonList INPUT[type="radio"], .RadioButtonList INPUT[type="radio"], .RadioButtonList LABEL
	{
		font-size: 10pt;
		width: auto;
		vertical-align: middle;
		margin-right: 5px;
	}
	.fieldpair .field .RadioButtonList TR:hover
	{
		background-color: #eee;
	}
	.fieldpair .field .RadioButtonList BR
	{
		clear: both;
	}
	*/
    .Error {
        color: [error.color];
        font-size: [error.font-size];
        font-family: [error.font-family];
        font-weight: [error.font-weight];
    }

    .readonly {
        background-color: #ddd;
        color: #444;
    }
}
/* Form Structural & Text */
/* Form Input Controls & Button */
@media all {
    INPUT, SELECT, TEXTAREA {
        color: [input.font-color];
        font-family: [input.font-family];
        font-size: [input.font-size];
        font-weight: [input.font-weight];
        padding-left: 5px;
    }

    .RadioButtonList TD {
        white-space: nowrap;
    }

    .FieldPair .Field INPUT, .FieldPair .Field TEXTAREA {
        width: 99%;
        width: calc(100% - 5px);
    }

    .FieldPair .Field SELECT {
        width: 100%;
    }

    .FieldPair .Field INPUT[type="checkbox"] /* Exception - checkbox within field area */ {
        width: auto;
    }

    .FieldPair .Field INPUT[type="submit"] /* Exception - submit within field area */ {
        /* height: 21px; */
        width: auto;
    }

    ::-webkit-input-placeholder {
        color: rgba(0,0,0,0.5);
        font-size: smaller;
    }

    ::-moz-placeholder, :-moz-placeholder {
        color: rgba(0,0,0,0.5);
        font-size: smaller;
    }

    .FieldCompulsory {
    }

    .ButtonBar {
        margin-top: 10px;
        clear: both;
        display: inline-block;
        width: 100%;
    }

        .ButtonBar .PrevButton {
            float: left;
        }

        .ButtonBar .NextButton {
            float: right;
        }

    .Button {
        background-color:; /*[button.background-color]*/
        color:; /*[button.color]*/
        font-family:; /*[button.font-family]*/
        font-size:; /*[button.font-size]*/
        font-weight: bold; /*[button.font-weight]*/
        width: 60px;
    }
}
/* Form Input Controls & Button */
/* Box-Table */
@media all {
    TR.Disabled TD *, .Disabled, .Disabled LABEL {
        color: [disabled.color];
        font-family: [disabled.font-family];
        font-size: [disabled.font-size];
        font-weight: [disabled.font-weight];
    }

    .Box {
        border: none; /* silver 1px solid ;*/
        padding: 3px 5px 3px 5px;
        width: 580px;
    }

        .Box TD {
            border: none;
            padding: 4px;
            position: relative;
            vertical-align: top;
        }

            .Box TD LABEL {
                display: block;
                margin: -4px;
                padding: 4px;
                width: 100%;
            }

        .Box .Alternate TD {
            border-bottom: dotted 1px #ddd;
            border-top: dotted 1px #ddd;
        }

        .Box TD SMALL {
            color: [small.color];
            font-family: [small.font-family];
            font-size: [small.font-size];
            font-weight: [small.font-weight];
        }

        .Box .Header TD, .Box TH {
            color: [legend.color];
            border: 0;
            border-bottom: dotted 1px gray;
            height: 24px;
            padding-top: 7px;
            text-align: left;
        }

        .Box > TBODY > TR:hover {
            background-color: #efefef;
        }

        .Box .Header:hover, .Box THEAD:hover, .Box .Footer:hover {
            background-color: Transparent;
        }

        .Box .Footer TD {
            border-top: dotted 1px gray;
        }

        .Box > .Pager > TD {
            background-color: #F0EEC8;
            border-top: silver 1px solid;
            color: red;
        }
}
/* Box-Table */
/* Diary Calender */
@media all {
    .Calender {
        border-collapse: collapse;
        clear: both;
    }

    .CalenderDay {
        border-radius: 12px;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
        display: inline-block;
        font-weight: bold; /*[calenderday.font-weight]*/
        font-family: verdana, calibri; /*[calenderday.font-family]*/
        float: left;
        margin: 5px;
        vertical-align: middle;
        width: 70px;
    }

    .CalenderDayUnavailable {
        opacity: 0.3;
    }

    .CalenderWeekDay {
        background-color: #ccc; /*[calenderweekday.background-color]*/
        border: solid 1px rgba(85,85,85,0.6);
        border-radius: 10px 10px 0 0;
        color: white; /*[calenderweekday.color]*/
        font-size: 13px; /*??[calenderweekday.font-size]*/
        font-weight: bold; /*??[calenderweekday.font-weight]*/
        height: 20px;
        line-height: 18px;
        text-align: center;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }

    .CalenderDate {
        background-color: transparent;
        border-color: transparent rgba(85,85,85,0.3) rgba(85,85,85,0.3) rgba(85,85,85,0.3); /* #555 #555 #555;  silver silver silver; */
        border-radius: 0 0 10px 10px;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        color: black; /*[calenderdate.color]*/
        display: block;
        font-size: 28px; /*[calenderdate.font-size]*/
        height: 45px;
        line-height: 45px;
        text-align: center;
        text-shadow: 0 0px 2px rgba(0,0,0,0.3);
    }

    .CalenderDaySelected {
    }

        .CalenderDaySelected .CalenderDate {
            background-color: #ccc;
        }
}
/* Diary Calender */
/* Mobile Cascade */
.DesktopOnly {
    display: inline-block;
}

.MobileOnly {
    display: none;
}

@media (max-width:[mobile.media.max-width1]) {
    BODY {
        background-color: [mobile.body.background-color];
        height: 100%;
        margin-bottom: 50px;
        min-width: 290px;
        padding-bottom: 30px;
        padding-left: 5px;
        width: calc(100% - 5px);
    }

    .DesktopOnly {
        display: none;
    }

    .MobileOnly {
        display: inline-block;
    }

    .FlexiHolder {
        display: block;
    }

    .MobileOnly .BookingStepSelected 
    {
        color: #999;
        background: linear-gradient(#111111, #3C3C3C) repeat scroll 0 0 #3C3C3C; /*[mobile.bookingsteps.background]*/
    }

    .FieldPair {
        width: 99%;
    }
    /* FieldPair that is NOT under a fieldset*/
    FIELDSET {
        width: 99%;
    }

        FIELDSET .FieldPair {
            width: 100%;
        }
    /* FieldPair under a fieldset*/
    .FieldMobile {
    }

    .FieldPair LABEL {
        width: 35%;
    }

    .FieldMobile LABEL {
        width: 98%;
        font-weight: bold;
        color: red;
    }

        .FieldMobile LABEL:after {
            display: none;
        }

    .FieldPair .Field {
        width: 60%;
        float: right;
    }

        .FieldPair .Field INPUT, .FieldPair .Field TEXTAREA {
            width: calc(100% - 10px);
        }

    .FieldPair DIV.FieldSelectWrapper, .FieldPair .FieldTextWrapper {
        width: 99%;
    }

    .FieldPair SELECT.FieldSelect {
        width: 100%;
        height: 22px;
    }

    .FieldMobile .Field {
        width: 100%;
    }

    .ButtonBar {
        width: 99%;
        max-width: 99% !important;
    }

    .PrevButton {
        display: none;
    }

    .NextButton {
        width: calc(100% - 2px) !important;
    }

    .Box {
        width: 100%;
    }

    .ModalBox {
        width: 100%;
        height: 100%;
    }
    /**/
    .Calender {
        border-collapse: collapse !important;
        width: 100% !important;
        table-layout: fixed;
    }

        .Calender TD {
        }

        .Calender .CalenderDay {
            background-color: rgba(0,0,0,0.1); /*???[mobile.calenderday.background-color]*/
            border-radius: 5px;
            display: block;
            text-align: center;
            width: 95%;
        }

        .Calender .CalenderDay, .Calender .CalenderDayUnavailable, .Calender .CalenderDaySelected {
            width: calc(100% - 10px);
        }

        .Calender .CalenderWeekDay, .Calender .CalenderDate {
            background-color: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            color: black !important; /*???[mobile.calenderday.color]*/
            font-size: 14px; /*???[mobile.calenderday.font-size]*/
            font-weight: bold; /*???[mobile.calenderday.font-weight]*/
            font-family:; /*???[mobile.calenderday.font-family]*/
            height: auto;
            line-height: 19px;
            text-shadow: none;
        }

        .Calender .CalenderDaySelected {
            background-color: rgba(0,0,0,0.3);
        }
            /*???[Mobile.]*/
            .Calender .CalenderDaySelected .CalenderDate {
            }
    /**/
}
/* Mobile Cascade */