/* USED BY THE .NET OEC TO SKIN IT */
/* This css style sheet can be customized to override the default styles of the OEC.
    @media queries can be included to target specific viewport sizes
*/

/* DEFAULT TEXT ATTRIBUTES */
/* The default text attributes can be customized:
- font-family
- font-size
- line-height
- weight, color, etc.
    */
html {
}
body {
}

/* THE HEADER AND NAVIGATION BAR */
/* The elements that can be styled include:
- banner background color, and/or background image; 
- height of the banner
- logo image
- text attributes (color, size, etc) of the navigation links
 */
.navbar-fixed-top {
  /*background: url(images/header-bg.png) top center no-repeat;*/
  background-color: #45c8f2; 
  height: 120px;
}
.nav > li > a {
    color: #ffffff;
    text-shadow: 2px 2px 2px #333;
    margin: 0.75em 0em;
}
.navbar-brand {
	background: url(images/MWRD_banner.gif) left top no-repeat;
	background: url(images/MWRD_banner2.png) left top no-repeat;
    background-size: 100% auto;
	/*padding-left: 7em !important;*/
	height: 100%;
	min-height: 110px;
    width: 260px;
    position: absolute;
}
.nav-links { margin-top: -0.75em;}

.nav-account { margin-bottom: 4px;text-align: right; }
.nav-account li { display: inline; margin: 0em 1em; 
                  color: #ffffff;
    text-shadow: 1px 1px 1px #333;
}
.nav-account li a {  
                  color: #ffffff;
}

.ContentWrapper {
  margin-top: 10em; /* MUST ACCOUNT FOR THE NAVBAR-BRAND HEIGHT */
}

/* HTML BLOCK LEVEL ELEMENTS THAT CAN BE STYLED */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p {}
pre {}
blockquote {}
ul {}
ol {}
 h1, h2, h3, h4, h5, h6 {  color: #0B73B5;}
/*
TABLES
Tables can have these attributes applied:
- borders
- column/row TH elements colors
- cell padding
- font attributes
- alternating row color
*/


.DetailTableHoriz thead th {
    background-color: #45c8f2;
    color: #0B73B5;
}
#SpecsDetails.ContentWrapper h2 {
    background-color: #45c8f2;
    color: #0B73B5;
}
#JobsListing h2 {
    color: #0B73B5;
    text-shadow: none;
}
#JobsListing h2 {
    background-color: #45c8f2;
    color: #0B73B5;
    text-shadow: none;
}
#QuickLinksSection {
    background-color: transparent;
}
.PanelCard.QuickLinks h2 {
    background-color: #45c8f2 !important;
}

#PersonalStatusBoard h2 {
    background-color: #45c8f2;
    color: #0B73B5;
}
#ListingPanelSpecial {
    background-color: transparent;
}
#ListingPanelSpecial h2 {
    background-color: #45c8f2 !important;
}#ListingPanelSpecial h2 {
    background-color: #45c8f2;
}
#JobsListing h2 {
    color: #0B73B5;
    text-shadow: none;
}

.ListingPanel {
    background-color: transparent;
}

    .ListingPanel h2 {
        background-color: #45c8f2 !important;
        margin-top: 1em !important;
    }

    .ListingPanel .CardTitle {
        background-color: transparent;
    }

    .ListingPanel .JobListing tr.ColumnHeader th {
        background-color: #45c8f2;
        font-size: 80%;
    }

.NoResultsSection {
    background-color: #f1f1f1;
}

    .NoResultsSection h2 {
        background-color: #666 !important;
        margin-top: 1em !important;
    }

.ListingPanel1 {
    background-color: #45c8f2 !important;
}

    .ListingPanel1 h2 {
        background-color: #45c8f2 !important;
        margin-top: 1em !important;
    }

    .ListingPanel1 .CardTitle {
        background-color: #45c8f2;
    }

    .ListingPanel1 .JobListing tr.ColumnHeader th {
        background-color: #45c8f2;
        font-size: 80%;
    }


.ListingPanel2 {
    background-color: #45c8f2 !important;
}

    .ListingPanel2 h2 {
        background-color: #45c8f2 !important;
        margin-top: 1em !important;
    }

    .ListingPanel2 .CardTitle {
        background-color: #45c8f2;
    }

    .ListingPanel2 .JobListing tr.ColumnHeader th {
        background-color: #45c8f2;
        font-size: 80%;
    }

.ListingPanel3 {
    background-color: #45c8f2 !important;
}

    .ListingPanel3 h2 {
        background-color: #45c8f2 !important;
        margin-top: 1em !important;
    }

    .ListingPanel3 .CardTitle {
        background-color: #45c8f2;
    }

    .ListingPanel3 .JobListing tr.ColumnHeader th {
        background-color: #45c8f2;
        font-size: 80%;
    }

.ListingPanel5 {
    background-color: #45c8f2 !important;
}

.ListingPanel4 h2 {
    background-color: #45c8f2 !important;
    margin-top: 1em !important;
}

.ListingPanel4 .CardTitle {
    background-color: #45c8f2;
}

.ListingPanel4 .JobListing tr.ColumnHeader th {
    background-color: #45c8f2;
    font-size: 80%;
}

.JobListingSpecial tr.ColumnHeader th, .JobListing tr.ColumnHeader th {
    text-shadow: none;
}





/* FOOTER */
/* The footer can be customized for:
 background color
- padding
- alignment
- font attributes
*/
#OECFooter {

}

/* MRD VIEWPORT SIZES */
@media only screen and (max-width: 768px) {

    .nav-links { margin-top: 65px; padding-top: 0.5em;padding-bottom: 0.5em;
                   background-color: #505050; 

    }
}
@media only screen and (max-width: 768px) {
    .navbar-brand { width: 260px; margin-top: -1em;}
    .navbar-toggle { z-index: 1000;}
}

@media only screen and (max-width: 610px) {
    .body-content { padding: 0;}
}

@media only screen and (max-width: 420px) {

    .navbar-brand { width: 220px; margin-top: 0em;}
}