h3 {
    margin: 0;
    padding: 0;
}

.CellPadd td, th {
    padding: 0 5px;
}

body {
    font-size: .80em;
    font-family: Helvetica, sans-serif, Arial;
    margin: 0 auto;
    padding: 0px;
    color: #22313f;
    background: #eee;
}

.highlight {
    background-color: yellow;
}

/*TABLE HELPERS*/
.FullWidth {
    width: 100%;
}

.RightHeader {
    text-align: right;
    padding-right: 5px;
}

/*END TABLE HELPERS*/

.centerDiv {
    margin: 0 auto width: 90%;
}

.InputError {
    border: red 2px solid !important;
}

.Fill {
    width: 100%;
    margin: 0 3px;
}

.CenterCell {
    text-align: center;
}

.CurrencyCell {
    text-align: right;
}

    .CurrencyCell:before {
        content: "£";
    }

.page {
    background-color: #FFFFFF;
}

.Table {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    overflow: auto;
}
/*table Form*/
.TableForm {
}

    .TableForm th {
        text-align: right;
        padding-right: 5px;
    }
/*end table form*/
.TblBorder {
    border: 1px solid black;
    padding: 2px;
}

.Table .header {
    /*position: relative;*/
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    background: #1d2d3b; /*top: 67px; Header content */
    left: 0px;
}

    .Table .header h1 {
        font-size: 1.5em;
        font-weight: 500;
        text-transform: capitalize;
        color: #FFFFFF; /*font color*/
        border: none;
        line-height: 2em;
    }

    .Table .header h2 {
        margin: 4px;
        padding: 2px;
        font-size: 1.3em;
        font-weight: 300;
        text-transform: capitalize;
        color: #FFFFFF;
        border: none;
    }

.EntryBoxes {
    font-family: Arial, Helvetica, sans-serif;
}

.DropDownLists {
    font-family: 'Segoe UI', Arial, 'Helvetica S' sans-serif;
    font-size: 12px;
    border: 1px solid #56abff;
    padding: 2px;
}

.RadioBtn {
    font-family: 'Segoe UI', Arial, 'Helvetica S' sans-serif;
    font-size: 12px;
    border: 1px solid #27ae60;
    padding: 2px;
}

.LblSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
}

.WaterMarkText {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    color: lightgray;
}

.lblContactTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #0000FF;
}

.lblContactBody {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000; /*text-decoration: none; */
}

.lblTitle {
    font-family: Arial, Helvetica, sans-serif;
    color: White;
    font-size: 20px;
}

.Buttons {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-transform: capitalize;
}

.ErrorText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    text-transform: capitalize;
    color: #FF0000;
    font-weight: bold;
}

.disabledLinksSmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #808080;
}



/*  HYPERLINKS  */
a img, a:link img, a:visited img, a:hover img, a:active img {
    border: 0 !important;
}

/* Small Links */
a.LinksSmall:link, a.LinksSmall:visited, a.LinksSmall:hover, a.LinksSmall:active, a.LinksSmall:disabled {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0362a2; /*text-decoration: none; */
}
/*Blue on white link*/
a.LnkOnBlu:link, a.LnkOnBlu:visited {
    color: #FFFFFF;
    background-color: #1d2d3b;
}


a.LnkOnBlu:hover {
    color: #2a8ed1; /*text-decoration: none; */
}

a.LnkBlu:active {
    color: #fff;
}
/* Use this for links with images in them */
a.LnkImg img, a.LnkImg:link img, a.LnkImg:visited img, a.LnkImg:hover img, a.LnkImg:active img {
    border: 0 !important;
}

/* GRIDVIEW STYLING
---------------------------------------------------------*/
.GridView {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    color: #282828;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 2px solid #a1a1a1;
    padding: 5px;
}

    .GridView .RowStyle {
        background-color: white;
        font-family: Helvetica, Arial sans-serif;
        color: black;
        font-size: 12px;
        /*background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #22313f;
    padding:5px;*/
    }

    .GridView .HeaderStyle {
        background-color: #379ce0;
        color: white;
        font-family: 'Helvetica S' Arial sans-serif;
        font-size: 14px;
        font-weight: 300;
        /*background-color: #2c3e50;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    padding:5px;
    color:#fff;
   */
    }

    .GridView .AlternatingRowStyle {
        background-color: #e1e1e1;
        font-family: Helvetica, Arial sans-serif;
        color: black;
        font-size: 12px;
        /*background-color: #bababa;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color:#282828;
    padding:5px;*/
    }

    .GridView .EditRowStyle {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.0em;
        background-color: #FFFFCC;
        padding: 5px;
    }

    .GridView .GroupHeader {
        background-color: lightcyan;
        font-family: Helvetica, Arial sans-serif;
        color: black;
        font-size: 12px;
    }

    .GridView .SubGroupHeader {
        background-color: lightblue;
        font-family: Helvetica, Arial sans-serif;
        color: black;
        font-size: 12px;
    }

    .GridView .SelectedRowStyle {
        background-color: #F5D76E;
        font-family: Helvetica, Arial sans-serif;
        color: Black;
        /*font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    background-color: #4cabeb;
    color: #fff;
    padding:5px;*/
    }

    .GridView .HeaderStyle a:link, .HeaderStyle a:active {
        color: white;
    }

    .GridView .HeaderStyle a:visited {
        color: black;
    }

    .GridView .HeaderStyle a:hover {
        color: white;
    }


    .GridView .SelectedRowStyle a:link, .SelectedRowStyle a:active {
        color: black;
    }

    .GridView .SelectedRowStyle a:visited {
        color: black;
    }

    .GridView .SelectedRowStyle a:hover {
        color: white;
    }


.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.modalPopup {
    border: 3px solid Gray;
    background-color: #ffffdd;
    padding: 3px;
}

    .modalPopup p {
        padding: 5px;
    }

.popup {
    /*frame*/
    background-color: #eae9d4; /*frame colour*/
    padding: 6px; /*frame size*/
    /*add a drop shadow to the frame*/
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    /*and give the corners a small curve*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*Headers/Sub Headers/ Body styles*/

.HeaderWhite18 {
    font-family: Helvetica, Arial sans-serif;
    font-size: 18px;
    color: white;
    background: black;
}

.HeaderWhite15 {
    font-family: Helvetica, Arial sans-serif;
    font-size: 15px;
    color: white;
    background: black;
}

.Header24 {
    font-family: Arial, 'Arial Black';
    font-size: 24px;
}

.Header18 {
    font-family: Helvetica, Arial sans-serif;
    font-size: 18px;
}

.Header15 {
    font-family: Arial, Helvetica, sans-serif,'Segoe UI';
    font-size: 15px;
}

.semiSubHeaderOpenSan {
    font-family: 'Open Sans', Helvetica, sans-serif,'Segoe UI';
    font-size: 15px;
}

.BodyText {
    font-family: Arial, Helvetica, sans-serif,'Segoe UI';
    font-size: 12px;
}



.scrollup {
    position: absolute;
    border-radius: 9px;
    color: white;
    text-decoration: none;
    line-height: 2.4;
}