body {
    padding-top: 52px;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: #87872c;
	
	/* NEED TO UPDATE ALL OF THESE WITH THE FINAL GRADIENT */
    background: -moz-linear-gradient(left, #534331 0%, #14e52d 39%, #14e52d 62%, #534331 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #534331), color-stop(39%, #14e52d), color-stop(62%, #14e52d), color-stop(100%, #534331));
    background: -webkit-linear-gradient(left, #534331 0%, #14e52d 39%, #14e52d 62%, #534331 100%);
    background: -o-linear-gradient(left, #534331 0%, #14e52d 39%, #14e52d 62%, #534331 100%);
    background: -ms-linear-gradient(left, #534331 0%, #14e52d 39%, #14e52d 62%, #534331 100%);
	
	/*//////////////*/
    /*background: linear-gradient(#eeee00 0%, #000 15%, #161616 30%, #1c1b1b 50%, #232323 100%);*/	
	 background: linear-gradient(to right, #000 0%, #161616 15%, #191818 40%, #1c1b1b 50%, #191818 60%, #161616 85%, #000 100%);
	/* background: linear-gradient(to right, #eeee00 0%, #070706 39%, #070706 62%, #eeee00 100%); */
	/*//////////////*/
	
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#534331', endColorstr='#534331', GradientType=1)
}

.flex {
    margin: 0 auto
}

.flex > .whitebg > .container {
    padding-top: 30px
}

.whitebg {
    background: #FFF;
    padding-bottom: 10px
}

.jumbotron {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px
}

.navbar-brand {
    background-image: url(../images/logo_nav.png);
    background-repeat: no-repeat;
    background-position: left center
}

.navbar-inverse {
    background-color: #000;
    border-color: #212020;
	border: none;
    color: white;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #eeee00;
}

ul.nav a:hover {
    background-color: #eeee00 !important;
    color: #000 !important;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #fff !important;
	color: #000;
}

@media screen and (min-width: 768px) {
    .footer {
        background-image: url(../images/logo_footer.png)
    }
    .navbar-brand {
        background-image: url(../images/logo_nav.png);
        text-indent: 80px
    }
}

@media screen and (max-width: 767px) {
    .footer {
        background-image: url(../images/logo_footer.png);
        background-position: center top;
        margin: 10px 0 0 0 !important;
        width: auto !important
    }
    .footer-text {
        padding-top: 85px;
        text-align: center !important;
        float: none !important
    }
    .navbar-brand {
        background-image: url(../images/logo_nav.png);
        text-indent: 80px;
        font-size: 120%;
        background-position: left 10px center
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: white
    }
    #login-other-options > a {
        color: white
    }
}

.footer {
    margin: 0 auto;
    padding: 5px 5px 20px 5px;
    background-repeat: no-repeat;
    background-origin: content-box;
    min-height: 100px;
    height: auto;
    background-color: transparent !important;
    overflow: hidden !important
}

.footer-text {
    float: right;
    text-align: right;
    margin-top: 10px
}

.footer-text,
.footer-text > a,
.footer-text > a:hover,
.footer-text > a:focus {
    color: #87872c;
}

.color-strip .topbar {
    background-color: #eeee00
}

.color-strip {
    height: 10px;
    width: 100%;
    margin: 0px;
    padding: 0px
}

.color-strip div {
    display: block;
    height: 100%;
    /*width: 25%;*/
	width: 100%;
    float: left
}
 /* This is to deal with old bootstrap validation coloring */
.error{
	color: #a94442;
}

#login-dropdown-list .dropdown-menu {
    min-width: 300px;
    padding: 15px
}

#login-dropdown-list #forgot-password-link,
#login-dropdown-list #signup-link {
    margin-top: 10px
}

#login-dropdown-list .btn {
    margin-top: 5px
}

#login-dropdown-list input {
    margin: 0 0 -1px;
    border-radius: 0px;
    position: relative;
    z-index: 1
}

#login-dropdown-list input:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#login-dropdown-list input:last-of-type {
    margin-bottom: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

#login-dropdown-list label {
    padding-left: 5px
}

#login-dropdown-list a {
    cursor: pointer
}

#login-other-options > a:hover {
    background-color: transparent !important;
    color: #337ab7 !important
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #EEEE00;
}

.tablesorter-default .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #000 2px solid
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #000 2px solid
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px
}