/* BODY and General CSS */

html {
    font-family: "Open Sans",Arial,sans-serif;
    color: rgba(0,0,0,0.75);
} 
 BODY {

    /*background: #ebebea;
    background: -moz-linear-gradient(top,#f7f7f7 0%,#ebebea 64%,#cecece 100%);
    background: -webkit-linear-gradient(top,#f7f7f7 0%,#ebebea 64%,#cecece 100%);
    background: linear-gradient(to bottom,#f7f7f7 0%,#ebebea 64%,#cecece 100%);
    background-attachment: fixed;*/
	background-color: #ffffff;
}
UL
{ 
 /*margin: 0px;*/
}
A {
    color: #116269;
    text-decoration: underline;
}
    A:hover {
        color: #54bbb2;
        text-decoration: none;
    }
SELECT, INPUT, TEXTAREA
{
 font-family: Arial,sans-serif;
 font-size: 12px;
}
TH
{
 /*text-align: left;*/
}

/* Page CSS */
.cssPage
{
 /*width: 873px;*/
 border: 0px; 
}


.top-bar {
    /*overflow: hidden;*/
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative;
    background: rgb( 18, 122, 191);
    margin-bottom: 0;
}
.navbar-default.top-bar {
    background-color: rgb( 18, 122, 191);
    border-color: rgb( 18, 122, 191);
}
.navbar-default.navbar {
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    -moz-border-radius: 0em;
    border-radius: 0em;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 0.8rem;
    line-height: 15px;
    font-family: "Open Sans",Arial,sans-serif;
    vertical-align: middle;
}
.navbar-collapse {
    background-color: rgb( 18, 122, 191);
    border-color: rgb( 18, 122, 191);
    overflow: hidden;
}
.navbar-nav { padding-left: 0; margin-top: -2px;}
.navbar-default .navbar-nav > li  {
   /* border-top: 1px solid #fff;*/
}
.navbar-default .navbar-nav > li > a {
    padding-left: 1.5em;
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        padding-left: 3em;
    }
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #232a3d;
    border-top: 4px solid #00a793;
}
    .navbar-toggle { float: left; margin-left: 1em;}
.skip-link .element-invisible {
    display: inherit !important;
}
.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
}
.html .main.columns {
    width: 97%;
    margin: auto;
    float: inherit;
}

.banner-logo { max-width: 400px; margin-bottom: 1em;} 

/*************************
*******Header******
**************************/
#brand-container {
    /*background-image: url(../images/OKJobApsBanner_NoText.jpg);
    background-repeat: no-repeat;
    background-position: top;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    min-height: 150px;*/
}

/*#brand-container h1 {
    color: #FFFFFF;
    text-align: center;
}

    #brand-container h2 {
        color: #FFFFFF;
        text-align: center;
    }*/

    #brand-container .banner-notext {
        width: 100%;
    }

.pane-okgov-main-menu {
    background-color: #2c354d;
    height: 3.25rem;
}

.tb-megamenu .nav > li {
    float: left;
    margin-left: 0;
}

#ContentWrapper {
    min-height: 1000px;
    background: #fff;
    /*box-shadow: 0 9px 0px 0px rgba(0,0,0,0), 0 -9px 0px 0px rgba(0,0,0,0), 3px 0 8px -4px rgba(77,77,77,0.2), -3px 0 8px -4px rgba(77,77,77,0.2);*/
    padding: 2rem;
    border: none;
}
/* JOB LISTING COLORS*/


#SearchPage .EmpDivV h2, #SearchPage .EmpDivV .JobListing tr.ColumnHeader, #SearchPage .EmpDivV .JobCard .CardTitle {
    background-color: rgb(237, 87, 87);
}

#SearchPage .EmpDivEX h2, #SearchPage .EmpDivEX .JobListing tr.ColumnHeader, #SearchPage .EmpDivEX .JobCard .CardTitle {
    background-color: rgb(102,89,122);
}

#SearchPage .EmpDivIntern h2, #SearchPage .EmpDivIntern .JobListing tr.ColumnHeader, #SearchPage .EmpDivIntern .JobCard .CardTitle {
    background-color: #2c354d;
}
#SearchPage .EmpDivExt h2, #SearchPage .EmpDivExt .JobListing tr.ColumnHeader, #SearchPage .EmpDivExt .JobCard .CardTitle {
    background-color: rgb(18,97,105 );
}


#SearchPage .EmpDivINT h2, #SearchPage .EmpDivINT .JobListing tr.ColumnHeader, #SearchPage .EmpDivINT .JobCard .CardTitle {
    background-color: rgb(0, 166, 158);
}


    #SearchPage .EmpDivCA h2 { display: none;}


#SearchPage h2 span {
    display: block;
    font-weight: normal;
    font-size: 80%;
    line-height: 1;
}

#SearchPage h2 span.glyphicon {
    display: inline;
}

#SearchPage label {
    font-size: 16px;
}


    @media (min-width: 1300px) {
        .container {
        width: 1300px;
    }
}


@media (max-width: 650px) {
    #ContentWrapper {
        padding: 1em;
    }
    .banner-logo {
        max-width: 300px;
    }
}

#HelpDivSubmit { display: none;}
@media (max-width: 450px) {
    .container.ContainerWrapper { padding: 0;}
    #HelpDivSubmit {
        display: inline;
    }

}