body {
    font-family: Arial;
    background-image: url('../../Images/bkg1.png');
    background-size: cover;
}

fieldset {
    border-radius: 20px;
}

.title {
    font-family: Arial;
    font-size: x-large;
    font-weight: bold;
    color: blue;
    background-color: transparent;
    border: none !important;
    border-width: 0;
    text-decoration: none !important;
}

.subtitle {
    font-family: Arial;
    font-size: larger;
    color: black;
}

.menu5 li, .menu5 td {
    background: #7795BD url('../../Images/menu3.jpg') repeat-x;
}

    .menu5 li:has(a.highlighted) {
        background: #7795BD url('../../Images/menu.jpg') repeat-x;
    }

input[type="text"], input[type="number"], input[type="password"], select {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-45deg, plum, white, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-45deg, plum, white, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-45deg, plum, white, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-45deg, plum, white, yellow); /* Standard syntax */
    border-radius: 4px;
    border: 1px solid grey;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-45deg, fuchsia, white, gold); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-45deg, fuchsia, white, gold); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-45deg, fuchsia, white, gold); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-45deg, fuchsia, white, gold); /* Standard syntax */
    border: 1px solid black;
}

input[type="button"], input[type="submit"] {
    border-radius: 5px;
    border: 1px solid grey;
}

input[type="button"]:focus, input[type="submit"]:focus {
    font-weight: bold;
    border: 1px solid magenta;
}

input[type="button"]:hover, input[type="submit"]:hover {
    font-weight: bold;
    border: 1px solid blue;
}

/* public gridview header */
.gvs thead th, .gvs tbody th {
    background-image: linear-gradient(coral, salmon, coral);
}

.gvs tbody tr:nth-child(odd) {
    background-color: white;
}

.gvs tbody tr:nth-child(even) {
    background-image: linear-gradient(gainsboro, #f0f0ff, gainsboro);
}

.gvs tfoot tr {
    background-image: linear-gradient(honeydew, mintcream, honeydew);
}

/* fixed width gridviews */
.gvf th, .gvf td {
    /*border: dotted 1px grey;*/
}

/* rounds page gridviews */
.gv1 th, .gv1 td, .gv1a th, .gv1a td,
.gv2 th, .gv2 td, .gv2a th, .gv2a td,
.gv3 th, .gv3 td, .gv3a th, .gv3a td,
.gv4 th, .gv4 td, .gv4a th, .gv4a td,
.gv252 th, .gv252 td,
.gvPA th, .gvPA td {
    border: dotted 1px grey;
}

/* booking page gridviews */
.gvfa {
    font-size: 1vw;
}

.gvfb {
    font-size: 1.2vw;
}

/* gridview selected row */
.sr {
    background-image: none !important;
    background-color: lightblue !important;
}

/* rounded corners */
.br, .gvr, .gvra, .gvr1 table {
    border-radius: 10px;
    overflow: hidden;
    border: none;
}

.gvr1 table {
    border-collapse: separate !important;
}

.gvrx table tr:first-child th:first-child {
    border-top-left-radius: 10px !important;
}

.gvrx table tr:first-child th:last-child {
    border-top-right-radius: 10px !important;
}

/* public page top section */
.pbtop {
    background-color: #ccffff;
}

/* public page mid section */
.pbmid {
    background-color: linen;
}

/* public page lower section */
.pblow {
    background-color: bisque;
}

/* public chart */
.pbcht {
    background-color: lightyellow;
}