Loginhtml {
    background-color: #fff;
    margin: 0;
    padding: 0;
}
/*html, body {
    height:100%;
}*/
body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .80em;
    font-family: "Century Gothic", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    min-width: 1000px;
    width: auto;
}

#body {
    display: block;
    /*background-color: #fff;*/
    clear: both;
    padding-bottom: 35px;
    min-height: 400px;
    position: static;
    background: rgb(173,173,173); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(254,254,254,1) 5%, rgba(254,254,254,1) 94%, rgba(173,173,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,173,173,1)), color-stop(5%,rgba(254,254,254,1)), color-stop(94%,rgba(254,254,254,1)), color-stop(100%,rgba(173,173,173,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(254,254,254,1) 5%,rgba(254,254,254,1) 94%,rgba(173,173,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(254,254,254,1) 5%,rgba(254,254,254,1) 94%,rgba(173,173,173,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(254,254,254,1) 5%,rgba(254,254,254,1) 94%,rgba(173,173,173,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(173,173,173,1) 0%,rgba(254,254,254,1) 5%,rgba(254,254,254,1) 94%,rgba(173,173,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
}

input, textarea {
    border: 1px solid #787878;
    font-size: 0.95em;
    background-color: white;
    color: #000;
    height: 25px;
    width: 180px;
    text-transform: uppercase;
    /*margin:2px;*/
}

textarea {
    border: 1px solid #787878;
    font-size: 0.95em;
    background-color: white;
    color: #000;
    height: 25px;
    width: 174px;
    text-transform: uppercase;
}

input:not([type="image"]), textarea {
    font-size: 0.95em;
    font-family: "Century Gothic", Verdana, Helvetica, Sans-Serif;
}

    input[readonly], textarea[readonly], input[readonly]:hover, textarea[readonly]:hover, input[disabled], textarea[disabled], input[disabled]:hover, textarea[disabled]:hover {
        background-color: rgb(177, 175, 175);
        color: black;
    }

select {
    border: 1px solid #787878;
    font-size: 0.95em;
    background-color: white;
    color: #000;
    height: 25px;
    width: 180px;
    /*margin:2px;*/
}

input:hover, textarea:hover {
    background-color: #efecec;
}

input:focus, textarea:focus {
    border: 1px solid #7ac0da;
}

button {
    border-radius: 5px;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 0.99em;
    font-weight: 600;
    width: auto;
    background-color: #D11919;
    color: white;
    height: 30px;
    border: none;
}

    button:hover {
        background-color: #921212;
    }

.Width220 {
    width: 220px;
}

.BroadButtons {
    border-radius: 5px;
    width: 150px;
}

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

footer {
    display: table;
    width: 100%;
    clear: both;
    font-size: 0.95em;
    height: 10px;
    background: rgb(110,186,228);
    margin-bottom: 0PX;
    /*background-image: url('../Images/Footer.png');
    background-repeat: no-repeat;
    background-size: cover;*/
}

.DisplayError {
    display: table;
    height: 500px;
    width: 80%;
    background-color: #4d4d5b;
    margin: 0px 0px 0px 10%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: 'Century Gothic', "Century Gothic", Verdana, Helvetica, Sans-Serif;
}

    .DisplayError a {
        border-radius: 5px;
        height: 30px;
        color: #fff;
        padding: 0px 8px 2px 8px;
        text-decoration: none;
        background-color: #D11919;
    }

        .DisplayError a:hover {
            background-color: #921212;
        }


#TheHeader {
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    color: #000;
    width: 100%;
    height: 30px;
}

.Topper {
    display: table;
    height: 30px;
    width: 100%;
}

.DisplayLoginLink {
    display: table;
    float: right;
    /*width: 30%;*/
    height: 30px;
    text-align: left;
    font-size: 12px;
    background-color: transparent;
    display: table-row;
}

    .DisplayLoginLink a {
        border-radius: 5px;
        height: 30px;
        color: #fff;
        padding: 0px 8px 2px 8px;
        text-decoration: none;
        background-color: #D11919;
    }

        .DisplayLoginLink a:hover {
            background-color: #921212;
        }

    .DisplayLoginLink ul {
        height: 30px;
        list-style: none;
        display: table-cell;
    }

    .DisplayLoginLink li {
        display: inline;
        padding-right: 5px;
        line-height: 30px;
    }

    .DisplayLoginLink text {
        display: inline;
        color: #fff;
    }

.Navigation {
    height: 30px;
    font-size: 0.95em;
    background-color: transparent;
    /*width: 70%;*/
    float: left;
    display: table-row;
}

    .Navigation ul {
        display: block;
        height: 30px;
        list-style: none;
        display: table-cell;
        /*width: 70%;*/
        list-style-type: none;
    }

    .Navigation li {
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
        background-color: transparent;
        color: black;
        line-height: 30px;
    }

        .Navigation li:hover {
            color: #921212;
            background: rgb(229,229,229); /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 58%, rgba(129,129,129,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(229,229,229,1)), color-stop(58%,rgba(229,229,229,1)), color-stop(100%,rgba(129,129,129,1))); /* Chrome,Safari4+ */
            background: -webkit-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 0%,rgba(229,229,229,1) 58%,rgba(129,129,129,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 0%,rgba(229,229,229,1) 58%,rgba(129,129,129,1) 100%); /* Opera 12+ */
            background: -ms-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 0%,rgba(229,229,229,1) 58%,rgba(129,129,129,1) 100%); /* IE10+ */
            background: radial-gradient(ellipse at center, rgba(229,229,229,1) 0%,rgba(229,229,229,1) 58%,rgba(129,129,129,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#818181',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }

    .Navigation a {
        color: #000;
        text-decoration: none;
    }

        .Navigation a:hover {
            color: #D11919;
        }

.DisplayLogin ul {
    width: 100%;
    display: table-row;
    list-style-type: none;
    list-style: none;
}

.DisplayLogin li {
    display: table-cell;
    margin: 0px 5px 0px 5px;
    list-style-type: none;
    list-style: none;
}

header .content-wrapper {
    /*padding-top: 0px;*/
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    text-align: left;
    display: table;
    width: 98%;
    height: 70px;
    background-color: white;
    font-family: "Century Gothic";
    /*padding-left: 1%;
    padding-right: 1%;*/
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: central;
}

.site-logo {
    /*position: relative;
    top: 0px;*/
    display: table-cell;
    height: 50px;
    width: 190px;
    float: left;
    text-align: left;
    vertical-align: central;
    vertical-align: text-bottom;
    -webkit-touch-callout: none; /*prevent highlighting of title when selected*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* site title and logo and subtitle
----------------------------------------------------------*/
.site-title {
    /*position: relative;
    top: 0px;*/
    height: 50px;
    font-size: 29px;
    display: table-cell;
    text-align: center;
    /*vertical-align:central;*/
    text-align: left;
    -webkit-touch-callout: none; /*prevent highlighting of title when selected*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .site-title label {
        padding: 0px;
        height: 50px;
        background: none;
        color: #000;
        outline: none;
        text-decoration: none;
    }

        .site-title label:hover {
            background: none;
            color: #4f4f4f;
            outline: none;
        }


.site-subtitle {
    list-style: none;
    list-style-type: none;
    display: table-cell;
    height: 100%;
    width: 250px;
    text-align: right;
    vertical-align: text-top;
    -webkit-touch-callout: none; /*prevent highlighting of title when selected*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .site-subtitle label {
        font-weight: bold;
        height: 50px;
        background: none;
        color: #d11717;
        font-size: 20px;
        outline: none;
    }

        .site-subtitle label:hover {
        }

    .site-subtitle ul {
        padding-bottom: 1px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        height: 100%;
        list-style-type: none;
        list-style: none;
        padding-top: 0px;
    }

        .site-subtitle ul li {
            list-style-type: none;
            list-style: none;
        }


h1, h2, h3,
h4, h5, h6 {
    color: #D11919;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
    display: inline-block;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 0.95em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

#login {
    text-align: left;
    display: table;
    font-size: .95em;
    margin: 10px 10px 10px;
    text-align: left;
    margin-left: 25%;
    height: 220px;
    width: 50%;
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(229,229,229,1) 0%, rgba(226,72,72,1) 0%, rgba(226,136,136,1) 4%, rgba(229,229,229,1) 48%, rgba(229,229,229,1) 48%, rgba(229,229,229,1) 49%, rgba(226,136,136,1) 96%, rgba(226,72,72,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(0%,rgba(229,229,229,1)), color-stop(0%,rgba(226,72,72,1)), color-stop(4%,rgba(226,136,136,1)), color-stop(48%,rgba(229,229,229,1)), color-stop(48%,rgba(229,229,229,1)), color-stop(49%,rgba(229,229,229,1)), color-stop(96%,rgba(226,136,136,1)), color-stop(100%,rgba(226,72,72,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(226,72,72,1) 0%,rgba(226,136,136,1) 4%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 49%,rgba(226,136,136,1) 96%,rgba(226,72,72,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(226,72,72,1) 0%,rgba(226,136,136,1) 4%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 49%,rgba(226,136,136,1) 96%,rgba(226,72,72,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(226,72,72,1) 0%,rgba(226,136,136,1) 4%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 49%,rgba(226,136,136,1) 96%,rgba(226,72,72,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(226,72,72,1) 0%,rgba(226,136,136,1) 4%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 48%,rgba(229,229,229,1) 49%,rgba(226,136,136,1) 96%,rgba(226,72,72,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e24848',GradientType=1 ); /* IE6-9 */
}

    #login ul {
    }

    #login li {
        display: table-row;
        list-style: none;
    }

    /*#login input {
        background-color: #d3dce0;
        color: #000;
    }

        #login input:hover {
            background-color: #bac3c7;
        }*/

    #login button {
        border-radius: 5px;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 0.95em;
        font-weight: 600;
        width: auto;
        background-color: #D11919;
        color: white;
        height: 30px;
        border: none;
    }

        #login button:hover {
            background-color: #921212;
        }

    #login a {
        width: 50px;
        background: #D11919;
        color: #fff;
        border-radius: 5px;
        padding: 2px 3px;
        text-decoration: none;
        border: none;
    }

        #login a:hover {
            /*border:solid;
            border-color:#cf1a1a;
            border-width:1px;*/
            background: #921212;
            /*background: -moz-radial-gradient(center, ellipse cover, rgba(30,87,153,1) 0%, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 21%, rgba(226,72,72,1) 100%);
            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(30,87,153,1)), color-stop(0%,rgba(229,229,229,1)), color-stop(21%,rgba(229,229,229,1)), color-stop(100%,rgba(226,72,72,1)));
            background: -webkit-radial-gradient(center, ellipse cover, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(229,229,229,1) 21%,rgba(226,72,72,1) 100%);
            background: -o-radial-gradient(center, ellipse cover, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(229,229,229,1) 21%,rgba(226,72,72,1) 100%);
            background: -ms-radial-gradient(center, ellipse cover, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(229,229,229,1) 21%,rgba(226,72,72,1) 100%);
            background: radial-gradient(ellipse at center, rgba(30,87,153,1) 0%,rgba(229,229,229,1) 0%,rgba(229,229,229,1) 21%,rgba(226,72,72,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e24848',GradientType=1 );*/
        }

.Trunk {
    display: table-row;
}

    .Trunk ul {
        list-style-type: none;
        list-style: none;
    }

    .Trunk li {
        display: inline;
        list-style: none;
    }

    /*.Trunk input {
        background-color: #d3dce0;
        color: #000;
    }

        .Trunk input:hover {
            background-color: #bac3c7;
        }*/

    .Trunk button {
        border-radius: 5px;
        background-color: #f52626;
        border: 0px 0px 0px 4px;
        border-bottom-color: #930404;
        color: white;
    }

        .Trunk button:hover {
            background-color: #930404;
            border-bottom-color: #5f0505;
        }

    .Trunk a {
        font-weight: bold;
        border-radius: 5px;
        background-color: #F52626;
        border: 0px 0px 0px 4px;
        border-bottom-color: #930404;
        padding: 5px 50px 6px 41px;
        color: #fff;
        text-decoration: none;
        height: 25px;
        width: 180px;
    }

        .Trunk a:hover {
            background: #921212;
        }

    .Trunk table {
        display: table;
        background: transparent;
    }

        .Trunk table tr {
            display: table-row;
            padding-left: 10px;
        }

        .Trunk table td {
            display: table-cell;
        }

/* styles for validation helpers */
.field-validation-error {
    color: #D11919;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #D11919;
}

select.input-validation-error {
    border: 1px solid #D11919;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #D11919;
    font-weight: bold;
    font-size: 0.95em;
}

.validation-summary-valid {
    display: none;
}

.two {
    width: 2%;
    display: table-cell;
    /*border: solid;*/
}

.half {
    width: 25%;
    display: table-cell;
    /*border: solid;*/
}

.ExtensionButton {
    border-radius: 5px;
    background-color: #3B3C45;
    color: white;
    width: 20px;
    font-size: 10px;
    height: 29px;
}

    .ExtensionButton:hover {
        background-color: #000;
    }

.ModelLabel {
    width: 15%;
    font-size: .98em;
    padding: 5px;
    margin: 5px;
    /*border: solid;*/
}

.ModelValidation {
    width: 10%;
    text-align: left;
    /*border: solid;*/
}

.Left {
    text-align: left;
}

.Center {
    text-align: center;
}

.Right {
    text-align: right;
}


/*Menu Design*/
.menu, .menu ul, .menu li, .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.menu {
    height: 30px;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
}

    .menu ul {
        position: absolute;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity .25s ease .1s;
        -moz-transition: opacity .25s ease .1s;
        -o-transition: opacity .25s ease .1s;
        -ms-transition: opacity .25s ease .1s;
        transition: opacity .25s ease .1s;
        z-index: 9990;
    }

        .menu ul li {
            display: inline;
            position: relative;
            height: 0;
            min-width: 200px;
            overflow: hidden;
            padding: 0;
            -webkit-transition: height .25s ease .1s;
            -moz-transition: height .25s ease .1s;
            -o-transition: height .25s ease .1s;
            -ms-transition: height .25s ease .1s;
            transition: height .25s ease .1s;
            background: #4c4e5a;
            background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
            background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
            background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
            background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
            background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        }

            .menu ul li ul {
                position: absolute;
                display: none;
                left: 100%;
                padding-left: 1px;
                opacity: 0;
                -webkit-transition: opacity .25s ease .1s;
                -moz-transition: opacity .25s ease .1s;
                -o-transition: opacity .25s ease .1s;
                -ms-transition: opacity .25s ease .1s;
                transition: opacity .25s ease .1s;
            }

        .menu ul ul {
            left: 100%;
            top: 0;
        }

    .menu li ul {
        display: none;
    }

    .menu li:hover > ul {
        display: block;
    }

    .menu li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        height: 30px;
    }

        .menu li a {
            display: block;
            padding: 0 14px;
            line-height: 30px;
            text-decoration: none;
            border-left: 1px solid rgb(173, 171, 171);
            border-right: 1px solid rgb(173, 171, 171);
            font-size: 13px;
            color: #fff;
        }

        .menu li:first-child a {
            border-left: none;
        }

        .menu li:last-child a {
            border-right: none;
        }

        .menu li:hover > a {
            color: #fff;
            background: #4c4e5a;
            background: -webkit-linear-gradient(top, #585859 0%,#000 100%);
            background: -moz-linear-gradient(top, #585859 0%,#000 100%);
            background: -o-linear-gradient(top, #585859 0%,#000 100%);
            background: -ms-linear-gradient(top, #585859 0%,#000 100%);
            background: linear-gradient(top, #585859 0%,#000 100%);
        }

        .menu li:hover > ul {
            opacity: 1;
        }

            .menu li:hover > ul li {
                height: 36px;
                overflow: visible;
                padding: 0;
            }

    .menu ul li a {
        min-width: 200px;
        padding: 4px 0 4px 40px;
        margin: 0;
        border: none;
        border-bottom: 1px solid #353539;
    }

    .menu ul li:last-child a {
        border: none;
    }

.DropDownMenu {
    position: relative;
    display: none;
}

.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 1px 10px;
    color: #fff;
    font-size: 12px;
}

/* Tabs */
.tab-row {
    width: 100%;
    display: table-row;
    height: 50px;
}

.tab-heading {
    padding: 0px 0px 20px 0px;
    display: table-cell;
    text-align: left;
    width: 15%;
}

.tab-content {
    display: table-cell;
    text-align: right;
    width: 85%;
}

.tab-links {
    margin: 0px;
    padding: 0px;
}

    .tab-links:after {
        display: block;
        clear: both;
        content: '';
    }

    .tab-links li {
        margin: 0px;
        float: right;
        list-style: none;
    }

    .tab-links a {
        /*padding: 5px 8px;*/
        display: inline-block;
        border-radius: 8px 8px 0px 0px;
        font-size: 16px;
        font-weight: 600;
        color: white;
        background: #4c4e5a;
        background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        text-decoration: none;
        transition: all linear 0.15s;
        width: 140px;
        text-align: center;
        height: 30px;
    }

        .tab-links a:hover {
            color: #fff;
            background: #4c4e5a;
            background: -webkit-linear-gradient(top, #585859 0%,#000 100%);
            background: -moz-linear-gradient(top, #585859 0%,#000 100%);
            background: -o-linear-gradient(top, #585859 0%,#000 100%);
            background: -ms-linear-gradient(top, #585859 0%,#000 100%);
            background: linear-gradient(top, #585859 0%,#000 100%);
            text-decoration: none;
        }

li.active a, li.active a:hover {
    background: #fff;
    border-radius: 8px 8px 0px 0px;
    color: black;
    background: rgb(59,61,70); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59,61,70,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,61,70,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3d46', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.tab.active {
    display: block;
}

/*  Web-grid */
.webGrid {
    margin: 4px;
    border-collapse: collapse;
    width: 99%;
    background-color: #E4E9F5;
}

.gridheader {
    background-color: #3C3E47;
    font-weight: bold;
    color: #FFF;
}

.webGrid th {
    font-size: 12px;
    border: 1px solid #787878;
    padding: 3px;
}

.webGrid td {
    font-size: 11px;
    border: 1px solid #787878;
    padding: 3px;
}

/*.webGrid tr{    
    font-size: 11px;
    border: 1px solid #787878;
    padding: 3px;
}*/

tr:hover td

.gridaltalt {
    background-color: #E4E9F5;
    color: #000;
}

.gridheader a {
    text-decoration: none;
    color: #fff;
}

    .gridheader a:hover {
        text-decoration: underline;
    }

.gridselect {
    background-color: #71857C;
}

/*.gridHead a:hover {
    text-decoration: underline;
}*/

.StatusCol {
    display: none;
}

.Redisplay {
    display: table-row;
}

/*--Message box--*/
#fade {
    display: none; /* Hidden as default */
    background: #4c4e5a;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .50;
    z-index: 9980;
}

#fademsgbox {
    opacity: 0.999;
    padding: 0px 0px 0px 0px;
    border-color: black;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    border-width: thick;
    text-align: center;
    background-color: #fff;
    border-bottom-color: #E60000;
    width: 80%;
    height: auto;
    background-repeat: no-repeat;
    float: left;
    position: fixed;
    display: none;
    top: 100px;
    left: 10%;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}

    #fademsgbox input {
        color: white;
        background-color: #D11919;
        font-size: 1.1em;
        height: 35px;
        width: 180px;
    }

        #fademsgbox input:hover {
            background-color: #A01313;
        }


#WeatherBox {
    opacity: 0.999;
    padding: 0px 0px 0px 0px;
    border-color: black;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    border-width: thick;
    text-align: center;
    /*background:url(WeatherBG.gif);*/
    background-color: #fff;
    border-bottom-color: #E60000;
    width: 90%;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
    position: fixed;
    display: none;
    top: 5%;
    left: 5%;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}

    #WeatherBox input {
        color: white;
        background-color: #D11919;
        font-size: 1.1em;
        height: 35px;
        width: 180px;
    }

        #WeatherBox input:hover {
            background-color: #A01313;
        }

.MessageText {
    font-weight: bold;
    color: black;
    font-family: 'Century Gothic';
    font-size: 1.9em;
    /*height: 80%;*/
}

#fademsgboxsmall, #fademsgboxsmall2, #NocontactFeedback, #ContactFeedback , #MeterOrderConfirmation{
    opacity: 0.999;
    padding: 0px 0px 0px 0px;
    border-color: black;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    border-width: thick;
    text-align: center;
    background-color: #fff;
    border-bottom-color: #E60000;
    width: 50%;
    height: 280px;
    background-repeat: no-repeat;
    float: left;
    position: fixed;
    display: none;
    top: 100px;
    left: 25%;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}

#fademsgbox input {
    border-radius: 5px;
    color: white;
    background-color: #D11919;
    font-size: 1.1em;
    height: 35px;
    width: 180px;
}

    #fademsgbox input:hover {
        background-color: #A01313;
    }

#fademsgboxsmall input, #NocontactFeedback input, #ContactFeedback input , #MeterOrderConfirmation input{
    border-radius: 5px;
    color: white;
    background-color: #D11919;
    font-size: 0.9em;
    height: 25px;
    width: 100px;
}

    #fademsgboxsmall input:hover, #NocontactFeedback input:hover, #ContactFeedback input:hover ,#MeterOrderConfirmation input:hover{
        background-color: #A01313;
    }

#MaterialsUsed {
    font-size: 0.95em;
    opacity: 0.999;
    padding: 0px 0px 0px 0px;
    border-color: black;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    border-width: thick;
    text-align: center;
    background-color: #fff;
    border-bottom-color: #E60000;
    width: 900px;
    min-height: 400px;
    overflow-y: scroll;
    background-repeat: no-repeat;
    float: left;
    position: fixed;
    display: none;
    top: 5%;
    left: 5%;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}

    #MaterialsUsed button {
        border-radius: 5px;
        color: white;
        background-color: #D11919;
        font-size: 0.95em;
        height: 25px;
        width: 100px;
    }

        #MaterialsUsed button:hover {
            background-color: #A01313;
        }

    #MaterialsUsed input {
        width: 50px;
    }

.MaterialsUsedWidth {
    width: 100px;
}

#AutoRefreshSettings {
    border-radius: 5px;
    opacity: 0.999;
    padding: 0px 0px 0px 0px;
    border-color: black;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    border-width: thick;
    text-align: center;
    background-color: #fff;
    border-bottom-color: #E60000;
    width: 50%;
    height: 200px;
    background-repeat: no-repeat;
    float: left;
    position: fixed;
    display: none;
    top: 100px;
    left: 25%;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}

    #AutoRefreshSettings input {
        color: white;
        background-color: #D11919;
        font-size: 0.9em;
        height: 25px;
        width: 100px;
    }

        #AutoRefreshSettings input:hover {
            background-color: #A01313;
        }

.MessageText {
    font-weight: bold;
    color: black;
    font-family: 'Century Gothic';
    font-size: 0.9em;
    /*height: 80%;*/
}

.required {
    color: #FA0000;
    font-size: 20px;
}

/*Tab links CMS Status page*/
.tab-linksCMS {
    margin: 0px;
    padding: 0px;
}

    .tab-linksCMS:after {
        display: block;
        clear: both;
        content: '';
    }

    .tab-linksCMS li {
        margin: 0px;
        float: right;
        list-style: none;
    }

    .tab-linksCMS a {
        display: inline-block;
        border-radius: 8px 8px 0px 0px;
        font-size: 13px;
        font-weight: 600;
        color: white;
        text-decoration: none;
        transition: all linear 0.15s;
        width: 90px;
        text-align: center;
        height: 25px;
    }

        .tab-linksCMS a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #000;
        }

.TabArea {
    background-color: #04480d;
}

.TabMeter {
    background-color: #3F6B8A;
}

.TabIndividual {
    background-color: #BA9800;
}

.TabAll {
    background-color: #581DA1;
}

.TabEmergency {
    background-color: #921212;
}

.TabCMHouse {
    background-color: #633C20;
}

.TabStreetLight {
    background-color: #6E6E6E;
}

.TabPGCell {
    background-color: #944C9E;
}

.TabVoltage {
    background-color: #0d16c1;
}

.TabActive {
    background: rgb(59,61,70); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59,61,70,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,61,70,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(59,61,70,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3d46', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: #000;
}

.Tabative {
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #585859 0%,#000 100%);
    background: -moz-linear-gradient(top, #585859 0%,#000 100%);
    background: -o-linear-gradient(top, #585859 0%,#000 100%);
    background: -ms-linear-gradient(top, #585859 0%,#000 100%);
    background: linear-gradient(top, #585859 0%,#000 100%);
}

.ActionLinks {
    font-size: .85em;
    display: table;
    float: right;
    width: 100%;
    height: 30px;
    text-align: left;
    font-size: 15px;
    background-color: transparent;
    display: table-row;
}

    .ActionLinks a {
        width: 100%;
        height: 30px;
        color: #fff;
        padding: 0px 8px 2px 8px;
        text-decoration: none;
        background-color: #D11919;
    }

        .ActionLinks a:hover {
            background-color: #921212;
        }

.ReportModel {
    width: 30px;
}

.webgrid-button {
    color: #fff;
    background-color: #D11919;
    width: 80px;
}

    .webgrid-button:hover {
        background-color: #A01313;
    }

@-webkit-keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@keyframes invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

.TooLate {
    -webkit-animation: invalid 1.5s infinite; /* Safari 4+ */
    -moz-animation: invalid 1.5s infinite; /* Fx 5+ */
    -o-animation: invalid 1.5s infinite; /* Opera 12+ */
    animation: invalid 1.5s infinite; /* IE 10+ */
}

@-webkit-keyframes invalid1 {
    from {
        background-color: #6B47B2;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes invalid1 {
    from {
        background-color: #6B47B2;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes invalid1 {
    from {
        background-color: #6B47B2;
    }

    to {
        background-color: inherit;
    }
}

@keyframes invalid1 {
    from {
        background-color: #6B47B2;
    }

    to {
        background-color: inherit;
    }
}

.TooLate1 {
    -webkit-animation: invalid1 1.5s infinite; /* Safari 4+ */
    -moz-animation: invalid1 1.5s infinite; /* Fx 5+ */
    -o-animation: invalid1 1.5s infinite; /* Opera 12+ */
    animation: invalid1 1.5s infinite; /* IE 10+ */
}


@-webkit-keyframes invalid2 {
    from {
        background-color: #FFFFCC;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes invalid2 {
    from {
        background-color: #FFFFCC;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes invalid2 {
    from {
        background-color: #FFFFCC;
    }

    to {
        background-color: inherit;
    }
}

@keyframes invalid2 {
    from {
        background-color: #FFFFCC;
    }

    to {
        background-color: inherit;
    }
}

.TooLate2 {
    -webkit-animation: invalid2 1.5s infinite; /* Safari 4+ */
    -moz-animation: invalid2 1.5s infinite; /* Fx 5+ */
    -o-animation: invalid2 1.5s infinite; /* Opera 12+ */
    animation: invalid2 1.5s infinite; /* IE 10+ */
}


@-webkit-keyframes invalid3 {
    from {
        background-color: #91D4DB;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes invalid3 {
    from {
        background-color: #91D4DB;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes invalid3 {
    from {
        background-color: #91D4DB;
    }

    to {
        background-color: inherit;
    }
}

@keyframes invalid3 {
    from {
        background-color: #91D4DB;
    }

    to {
        background-color: inherit;
    }
}

.TooLate3 {
    -webkit-animation: invalid3 1.0s infinite; /* Safari 4+ */
    -moz-animation: invalid3 1.0s infinite; /* Fx 5+ */
    -o-animation: invalid3 1.0s infinite; /* Opera 12+ */
    animation: invalid3 1.0s infinite; /* IE 10+ */
}

.Sidecolumns {
    display: block;
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    /*border-left:dashed 1px;*/
    padding-left: 4px;
}

.tab-links2 {
    margin: 0px;
    padding: 0px;
}

    .tab-links2:after {
        display: block;
        clear: both;
        content: '';
    }

    .tab-links2 li {
        margin: 0px;
        float: right;
        list-style: none;
    }

    .tab-links2 a {
        padding: 5px 10px 6px 10px;
        display: inline-block;
        border-radius: 8px 8px 0px 0px;
        font-size: 12px;
        font-weight: 200;
        color: white;
        background: #4c4e5a;
        background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
        text-decoration: none;
        transition: all linear 0.15s;
        width: 55px;
        text-align: center;
        height: 30px;
    }

        .tab-links2 a:hover {
            color: #fff;
            background: #4c4e5a;
            background: -webkit-linear-gradient(top, #585859 0%,#000 100%);
            background: -moz-linear-gradient(top, #585859 0%,#000 100%);
            background: -o-linear-gradient(top, #585859 0%,#000 100%);
            background: -ms-linear-gradient(top, #585859 0%,#000 100%);
            background: linear-gradient(top, #585859 0%,#000 100%);
            text-decoration: none;
        }

.tab-button {
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    width: 75px;
    text-align: center;
    height: 30px;
}

.AlphaNumericOnly, .NumbersOnly, .OMStext {
    /*text-transform: none;*/
}

.sortabletable th {
    cursor: pointer;
    text-decoration: underline;
}

.Checker input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    /*background:url('../Images/checkboxunchecked.jpg') left top no-repeat;*/
    cursor: pointer;
}

#body label {
    cursor: pointer;
}

*::selection {
    background: #ee7676;
    color: #000;
}

.assigned-noclub {
    background-color: #91D4DB;
}

.assigned-club {
    background: rgb(121,119,178);
    background: -moz-linear-gradient(left, rgba(121,119,178,1) 0%, rgba(121,119,178,1) 8%, rgba(121,119,178,1) 8%, rgba(145,212,219,1) 8%, rgba(145,212,219,1) 100%);
    background: -webkit-linear-gradient(left, rgba(121,119,178,1) 0%,rgba(121,119,178,1) 8%,rgba(121,119,178,1) 8%,rgba(145,212,219,1) 8%,rgba(145,212,219,1) 100%);
    background: linear-gradient(to right, rgba(121,119,178,1) 0%,rgba(121,119,178,1) 8%,rgba(121,119,178,1) 8%,rgba(145,212,219,1) 8%,rgba(145,212,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7977b2', endColorstr='#91d4db',GradientType=1 );
}

.unassigned-noclub {
    background: #7977b2;
    background: -moz-linear-gradient(left, #7977b2 0%, #7977b2 8%, #7977b2 8%, #e4e9f5 8%, #e4e9f5 100%);
    background: -webkit-linear-gradient(left, #7977b2 0%,#7977b2 8%,#7977b2 8%,#e4e9f5 8%,#e4e9f5 100%);
    background: linear-gradient(to right, #7977b2 0%,#7977b2 8%,#7977b2 8%,#e4e9f5 8%,#e4e9f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7977b2', endColorstr='#e4e9f5',GradientType=1 );
}

.unassigned-club {
    background-color: #E4E9F5;
}