body {
    background: url('Images/HWY.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
      
}

#oesBanner {
    background-color: #FFFFFF;
    background-image: url('Images/OESBanner.png');
    background-position: top left; /*Positioning*/
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    
    border:1px solid navy;
    font-size:1.1em;
    padding:1.2% 5% 1.2% 10%;
    margin:0 14.6% 0 12%;
}

.row-pad {
     width:80%; 
     margin:0 auto;
     padding:11% 0 3% 0;
}

.featureDiv {
    box-shadow: 5px 5px 5px #525050;
    padding:0 0 0 0;
    margin:0 3% 1% 3%;    
    width:26%;
    min-width:280px; 
    overflow:hidden;
}


.innerFeature{
    border:2px solid #ffffff; 
    min-height:150px;
    min-width:274px;  
    text-align:center;
    padding:10px 5px 10px 5px;
    margin:2px 2px 2px 2px;
}

.innerFeature a{    
    color:#ffffff;
    font-family:Impact;
    font-size:2em;
    width:100%;
    white-space:nowrap;

}


.wrapper > .header {
    min-height: 300px;
    background-position: center;
    background-size: cover;
    
    margin:-20px -15px -20px -20px;
}

.header-filter {
    /*background: url('Images/HWY.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.header-filter:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
 
  
}
.header-filter .container {
  z-index: 2;
  position: relative;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}



.navbar {
    -webkit-box-shadow: 0 12px 6px -6px #999;
    -moz-box-shadow: 0 12px 6px -6px #999;
    box-shadow: 0 12px 6px -6px #999;

    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    /* the rest of your styling */
}

.navbar-inverse {
    background-color:#1f6e1f !important;
    border:none;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #fce804;
}

.WDAAnnualSalary {

}

.container {
    max-width: 2500px;
}


#projectionsLink, #msaLink, #wdaLink {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    margin:10px 10px 10px 0px;
}

#projectionsLink:focus, #msaLink:focus, #wdaLink:focus {
    outline:2px solid black;
}



#pageDiv{   
    text-align:center;
    width:100%;
}

.loading { 
    background-color : #444444 !important; 
    color : white;
    position : absolute; 
    left : 0; top : 0; bottom : 0; right : 0;
    width : 100%;
    height : 100%;
    text-align : center;
    vertical-align : middle;
    z-index:200;
}
.loading div { position : relative; top : 50%; }

#projectionsDiv {
     margin: 0 auto;
     width:1300px;
}

#socDetailsDiv {
     margin: 0 auto;
     width:800px;
}

.socTitleCell {
    text-align:left !important;
    min-width:600px !important;
}

.socTitleHeader {
    color:white;
    background-color:#1f6e1f !important;   
    width:600px;
    vertical-align:text-bottom;
}

.socTitleHeader a{
    color:white;
}

.socCell {    
    text-align:center;
    width:80px;
}

.socCell a{
    color:#0000c1;
    text-decoration:underline;
}

.socHeader {
    color:white;
    background-color:#1f6e1f !important;
    width:80px;
}

.socHeader a{
    color:white;
}


.wageCell {
    height:15px !important;
    width:100px !important;
}



.WDAHeader {
    color:white;
    background-color:#1f6e1f !important;
    width:100px;
}

.WDAHeader a{
    color:white;
}

.projectionCell {
    /*border:1px solid black;*/
    padding-right:15px !important;
    text-align:right !important;
   
}

.projHeader {
    background-color:#1f6e1f !important;
}

.projHeader a{
    color:white;
    text-align:right;
}


.sdArea {
    text-align:center !important;
    width: 30px;
}

.sdName {
    text-align:left !important;
    width:250px;
}

.sdHeaderLeft {
    color:white !important;
    background-color:#1f6e1f !important;
    width:100px;
    text-align:left !important;
}

.sdHeaderLeft a {
    color: white;
}

.sdHeaderRight {
    color:white !important;
    background-color:#1f6e1f !important;    
    text-align:right !important;
}

.sdHeaderRight a {
    color: white;
}

.sdHeaderCenter {
    color:white !important;
    background-color:#1f6e1f !important;
    width:30px;
    text-align:center !important;
}

.sdHeaderCenter a {
    color: white;
}

#submitDiv {
    
    height:65px;
    display:block;
    vertical-align:bottom;
}


.skipNav {
    border:1px solid black;
    color:#6DD003;
    float:right;
}

#btnLeft {
     
     height:75px;
     padding:0 2px 0 0; 
     text-align:right;
     width:150px;
}
#btnRight{
     
     height:75px;
     padding:0 0 0 2px;
     text-align:left;
     width:150px;
}

#btnRate {
     height:75px;
     width:150px;
}

#fldRate {
     
     display:inline;
     float:left;
}

#fldWage {
     display:inline;
     float:left;
}

@media (max-width : 1250px) {
    .row-pad {
        width:80%; 
        margin:0 auto;
        padding:4% 0 3% 0;
    }
    
    .featureDiv {
        padding:2px 2px 2px 2px;
        margin:2% 2% 1% 8%;
        width:80%;
    }

    .innerFeature{
        border:2px solid #ffffff; 
        
        text-align:center;
        padding:10px 5px 10px 5px;
        margin:2px 2px 2px 2px;
    }

    .innerFeature a{    
        color:#ffffff;
        font-family:Impact;
        font-size:1.8em;
        width:100%;
        white-space:nowrap;

    }


}


   /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .skipNav {
        color:#6DD003;
        position:absolute;
        margin-right:500px;
        
    }

    #btnLeft {
        
        text-align:center;
        padding:0 0 0 0;
        
    }
    #btnRight{
        
        text-align:center;
        padding:0 0 0 0;
        
    }

    #fldRate {
        
        display:inline;
        float:left;
    }

    #fldWage {
        display:inline;
        float:none;
    }



}