/* ============================================================== AUTHOR: IRM-CAS WEBSITE: http://www.lanl.gov/ TEMPLATE NAME: LANL Core CMS Template Identity Styles VERSION: 1.0 FRAMEWORK: Responsive layout ================================================================= */
 @import url("/_assets/css/core-print.css");
 .ui-loader{
    display: none;
}
 #mobile-header-nav, #mobile-header {
     display:none;
}
#emr-wrapper {
    margin: 0 auto 0;
    top:170px;
}
/* ================== BEGIN HEADER STYLES ======================= */
 body {
     background-image: none;
     /*background: url("https://www.lanl.gov/_assets/images/brand/global-nav-fixed-bg.jpg") repeat-x 0 -18px;*/
}
#contentwrapper #pagecontent{
    margin-top:175px;
    }
#sitename img {bottom:0 !important;margin-bottom:0;}
#fixed-header{
    position:fixed; 
    width:100%;
    height:180px;
    background: url("https://www.lanl.gov/_assets/images/brand/global-nav-fixed-bg.jpg") repeat-x 0 -37px;
    z-index:300;
    top:0;
}
 #headerwrapper {
     width: 100%;
     max-width:980px;
     margin:0 auto 0 auto;
     line-height: 100%;
     float: none;
     background:url("https://www.lanl.gov/_assets/images/brand/brand-header-fixed.jpg") no-repeat 0 -17px;
}
/* --------- utility area ----------- */
 #headerwrapper #utility {
     width:100%;
     margin-top:-20px;
     height: 55px;
     color: #fff;
}
 #headerwrapper #utility a {
     color:#fff;
}
 #headerwrapper #utility a:hover {
     color:#aaa;
}
/* -------- search form -------- */
label.hidden {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 1px;
}
 #headerwrapper #search {
     float:right;
     width:19.8979%;
     margin: 15px 0 0 0;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     border: 1px #ccc solid;
     background: #eee;
     -webkit-box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
     box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
}
 #headerwrapper #search input#searchBox_text {
     float:left;
     width:82%;
     height:16px;
     padding:4px 0 4px 5px;
     font-size:100%;
     font-weight:bold;
     clear: none;
     -webkit-border-top-left-radius: 15px;
     -webkit-border-bottom-left-radius: 15px;
     -moz-border-radius-topleft: 15px;
     -moz-border-radius-bottomleft: 15px;
     border-top-left-radius: 15px;
     border-bottom-left-radius: 15px;
     background: #eee;
     border: 0 none;
     -webkit-box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
     box-shadow: inset 3px 3px 3px 3px rgba(174, 174, 174, 0.15);
}
#headerwrapper #search input#q{
    padding: 3px 0 0;
    width: 12% !important;
}
 #headerwrapper #search input#searchBox_button {
     float:left;
     padding-top: 4px;
     padding-left:6px;
     display:inline-block;
     border:none;
     width: 10.62%;
}
/* -------- utility navigation ------- */
 #utility #utilitynav {
     float:right;
     margin-top:15px;
     margin-right: 20px;
     padding-right:12px;
     text-align:right;
     position:inherit;
}
 #utility #utilitynav a {
     font-size:11px;
     letter-spacing:0.09em;
}
 #utility #utilitynav a.find {
     color:#ffcc33;
     font-weight: bold;
}
 #utilityr #utilitynav a:hover {
     color:#66B0C0;
}
 #utility #utilitynav img.divide {
    /*vertical-align:top;
     */
     padding:0 11px 0 11px;
}
/* --------- logo container --------- */
 #headerwrapper #logocontainer {
     width:860px;
     height: 145px;
     margin-top:10px;
     margin-right: 15px;
     margin-left: 1%;
     padding: 5px;
     float: left;
     z-index:100;
     background:transparent !important;
     border-width:0 !important;
     box-shadow:0 0 0 !important;
     border-radius:0;
    /*-- background: #04274c;
     -webkit-border-bottom-right-radius: 15px;
     -webkit-border-bottom-left-radius: 15px;
     -moz-border-radius-bottomright: 15px;
     -moz-border-radius-bottomleft: 15px;
     border-bottom-right-radius: 15px;
     border-bottom-left-radius: 15px;
     -webkit-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     -moz-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     */
}
 #logocontainer a {
     color: #fff;
     font-size: 26px;
     margin: 20px 0 0 0;
     font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
     text-align: left;
     font-weight: normal;
}
 #logocontainer a.homepage-link {
     display:block;
     margin: -42px 0 28px 0;
     padding: 3px;
     color: #fff;
     font-size: 11px;
     letter-spacing:0.09em;
     font-weight: normal;
     font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
     text-align: left;
     background:transparent !important;
}
 #logocontainer a.homepage-link:hover {text-decoration:underline;}
 
#logocontainer a#header-title{font-weight:bold;} /* Eventually delete in favor of .header-title style */
#logocontainer a:hover#header-title{text-decoration:underline;} /* Eventually delete in favor of .header-title style */

#logocontainer a.header-title{font-weight:bold;}
#logocontainer a:hover.header-title{text-decoration:underline;}

 #tagline {
     display: block;
     margin-top: 0;
     color: #c47f04;
     font-style: italic;
     font-size: 12px;
     font-weight: normal;
     line-height: 2em;
     color: #c47f04;
     margin:5px 0 0 0;
}
 #tagline a{
     color: #c47f04;
     font-style: italic;
     font-size: 12px;
     font-weight: normal;
     line-height: 2em;
     color: #c47f04;
}
 #tagline a:hover{
     color: #cf7f04;
     font-style: italic;
     font-size: 12px;
     font-weight: normal;
     color: #c47f04;
    text-decoration: underline;
}
/* MENU BUTTON toggles navigation on and off in mobile view */
 #menu-button {
     display: none;
}
/* ------- NAVIGATION ---------- */
 .ui-navbar.ui-navbar-noicons {
    display: none;
}
/* LEVEL ONE */
 ul.dropdown {
     position: relative;
     z-index: 99;
     margin: -48px 0 0 0;
     padding: 0;
     white-space:nowrap;
     height: auto;
     width: auto;
     float: left;
     left:0 !important;
}
 ul.dropdown li {
     font-size: 115%;
     font-weight: normal;
     float: left;
     zoom: 1;
     background: #eee;
     text-transform: uppercase;
}
 ul.dropdown a:hover {
     color: #000;
}
 ul.dropdown a:active {
     color: #ffa500;
}
 ul.dropdown li a {
     display: block;
     padding: 14px 25px;
     border-right: 1px solid #888;
     color: #222;
     white-space:nowrap;
}
 ul.dropdown li:last-child a {
     border-right: none;
}
/* Doesn't work in IE */
 ul.dropdown li.hover, ul.dropdown li:hover {
     background: #fc3;
     color: black;
     position: relative;
}
 ul.dropdown li.hover a {
     color: black;
}
/* LEVEL TWO */
 ul.dropdown ul {
     width: 250px;
     visibility: hidden;
     position: absolute;
     top: 100%;
     left: 0;
     border: 1px #aaa solid;
     border-width: 0 1px 1px 1px;
     -webkit-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     -moz-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     z-index: 100;
}
 ul.dropdown ul li {
     font-size: 14px;
     font-weight: normal;
     background: #f6f6f6;
     color: #000;
     padding-right:15px;
     border-bottom: 1px solid #ccc;
     float: none;
     text-transform: none;
}
/* IE 6 & 7 Needs Inline Block */
 ul.dropdown ul li a {
     border-right: none;
     width: 100%;
     display: inline-block;
     white-space:normal;
     line-height: 20px;
     padding: 14px 5%;
}
/* LEVEL THREE */
 ul.dropdown ul ul {
     left: 100%;
     top: 0;
     border: 1px #aaa solid;
     -webkit-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     -moz-box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
     box-shadow: 2px 4px 8px rgba(50, 50, 50, 0.65);
}
 ul.dropdown li:hover > ul {
     visibility: visible;
}
/* ================ END HEADER STYLES =================== */
/* =============== OVERWRITES STYLES FROM ================ */
 #contentwrapper {
    background-image: none;
}
 #pagecontent ul#breadcrumbs {
     height: 20px;
     margin: -10px 0 2px 0;
     padding: 0 0 5px 0;
}
 #sitename {
    background: #fff;
     min-height: 90px;
}
 #sitename h1{
    font-size: 200%;
}
 #sitename div.summary {
    font-size: 130%;
     line-height: 160%;
     width: 80%;
     color:#6d6d6d !important;
}
 div.summary span.gold {
     color: #333 !important;
     font-size: 110%;
     line-height:160%;
     letter-spacing: -0.03em;
}
/* ================ BEGIN FOOTER STYLES ================= */
/* LOCAL PAGE FOOTER */
 #pagefooter {
     border-top: 1px solid #CECECE;
     bottom: 0;
     height: auto;
     margin: 20px 0 0 0;
     padding: 10px 0;
     position: relative;
     width: 100%;
}
 #pagefooter .footercolumn-wide {
     float:left;
     min-height: 100px;
     width: 56.4984%
    /* 548px : 970px */
    ;
     margin: 0;
     padding: 0 20px 10px 5px;
    /*border: 1px black solid;
     */
}
 #pagefooter h2 {
     font-size: 150%;
     margin: 5px 0 0 0;
     padding:0 0 14px 0;
     text-transform: uppercase;
     color: #000;
}
 #pagefooter h2 span {
     color: #f29604;
     font-weight: bold;
}
 #pagefooter .footercolumn-wide h3 {
     margin: 0;
     padding:0 0 5px 0;
}
 #pagefooter .footercolumn01, #pagefooter .footercolumn02, #pagefooter .footercolumn03, #pagefooter .footercolumn04, #pagefooter .footercolumn05 {
     float:left;
     width: 172px;
     border-left:1px solid #CECECE;
     margin: 0 0 0 20px;
}
 #pagefooter .footercolumn-double {
     float: left;
     border:0;
     width: 37.1443%
    /* 370px : 970px */
    ;
     margin: 0;
     padding: 0 0 0 20px;
     border-left:1px solid #CECECE;
}
 #pagefooter .footercolumn-double .video-thumbnail {
     float: right;
     width: 50%;
     margin: -30px -20px 0 20px;
     padding: 0;
}
 #pagefooter .footercolumn-double .video-thumbnail img {
     height: auto;
     width: 100% border: 4px #eee solid;
}
 #pagefooter .footercolumn-double div.length {
     margin-top: -30px;
}
 #pagefooter .footercolumn-double h3 {
     color: #42a817;
     margin: 0;
     padding: 0 10px 0 0;
}
 #pagefooter .footercolumn-double p {
     width: 50%;
     margin: 0 10px 0 0;
}
 #pagefooter ul {
}
 #pagefooter li {
     font-size: 12px;
     line-height: 16px;
     padding: 2px 10px 5px 0;
}
/* GLOBAL FOOTER */
 #footerwrapper {
     width:100%;
     border-top:1px solid #CECECE;
     background: #fdfdfd url("https://www.lanl.gov/_assets/images/footer_bg.jpg") repeat-x 0 0;
     position: relative;
     height: auto;
     margin: 0;
     padding: 0;
     bottom: 0px;
}
 #footercontainer {
     width: 97.93814%
    /* 950px : 970px */
    ;
     margin:8px auto 0 auto;
}
/* GENERIC FAT FOOTER CONTENT */
 #footertopcontent {
     padding: 0 0 10px 0;
     border-bottom:1px solid #CECECE;
}
 #footertopcontent h3 {
     margin-top:32px;
     padding:0 0 10px 18px;
     font-size:110%;
     font-weight:bold;
     letter-spacing:0.03em;
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
    /*Georgia, Times, "Times New Roman", serif*/
    ;
     color:#444444;
}
 .footercolumn01, .footercolumn02, .footercolumn03, .footercolumn04, .footercolumn05 {
     float:left;
     min-height:280px;
     width: 172px;
     border-left:1px solid #CECECE;
     margin: 0 0 0 20px;
}
 #footertopcontent .footercolumn05 h3{
     padding:0 0 10px 0 !important;
     margin-left:-2px;
}
/* PAGE SPECIFIC FAT FOOTER CONTENT */
 .footercolumn-wide {
     float:left;
     min-height:280px;
     width: 53.47368%
    /* 508px : 950px */
    ;
     margin: 0 0 0 20px;
     padding: 30px 0 14px 18px;
}
 .footercolumn-wide img#footer-feature {
     width: 72.8346%
    /* 370px : 508px */
    ;
     height: auto;
     margin: 0 20px 0 -40px;
     float: left;
}
 #footertopcontent .footercolumn-wide h2 {
     font-size: 150%;
     margin: -12px 0 0 -40px;
     padding:0 0 10px 0;
     text-transform: uppercase;
     color: #000;
}
 #footertopcontent .footercolumn-wide h2 span {
     color: #f29604;
     font-weight: bold;
}
 #footertopcontent .footercolumn-wide h3 {
     margin: 0;
     padding:0 0 14px 0;
}
 .footercolumn01 {
     border:0;
     width: 162px;
     margin: 0;
     padding: 0 0 0 10px;
}
 .twocolumnleft, .twocolumnright {
     float:left;
     width: 120px;
}
 .twocolumnleft {
     padding-left:18px;
}
 .twocolumnright {
     padding:0 25px 0 25px;
}
 .footerlinks {
     padding:0 5px 0 19px;
}
 .footerlinks li {
     padding: 4px 0 1px 0;
     color: #666;
     line-height:130%;
}
 .footerlinks li a {
     font-weight: normal;
}
 .footerlinks span.date {
     font-size: 90%;
     color: #999;
     padding: 0 0 0 10px;
}
 #footertopcontent .footercolumn01 h3, .footercolumn01 .footerlinks {
     padding-left:0;
}
 #footerwrapper a, p.contactinfo {
     font-size:100%;
     line-height:130%;
     color:#454545;
}
 #footerwrapper a {
     color:#007cba;
}
 #footerwrapper a:hover {
     color: #5B4E08;
     text-decoration: underline;
     cursor: pointer;
}
 #footertopcontent .contactinfo {
     margin-top:0;
     padding:0 0 10px 20px;
}
 .contactinfo p {
     margin-top:4px;
     font-size:100%;
     line-height:150%;
}
 .contactinfo p span.firstline {
     font-size:100%;
     font-weight:bold;
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
    /*Georgia, Times, "Times New Roman", serif*/
    ;
}
/* FOOTER BOOTOM CONTENT */
 #mobile-footer {
    display: none;
}
#footerbottomcontent {
    width: 100% /* 970px */;
    height: 150px;
    margin-top:0; 
}
#footerlogo {
    width:25%;
}
#footerlogo img {
    width:210px !important;
    height: 126px !important;
    margin-top:-5px;
}
#footerinfo {
    width:50%;
}
#footerlogo, #footerinfo {
    float:left;
    text-align: center;
}
#footerinfo {
    margin-top:3.5%;
}
#footerinfo a, #footerinfo p {
    padding:0px;
    font-size:95%;
    vertical-align:middle;
}


#partners {
    float:right;
    width:25%;
    margin:60px 0 45px 0;
}
#partners img#doe {
    width: 30%;
    height: auto;
    margin-left:25px;
    vertical-align:middle;
}
#partners img#nnsa {
    width: 50%;
    height: auto;
    margin-left:25px;
    margin-bottom: 50px;
    vertical-align:middle;
}
/*#socialmediawrapper {
     width:100%;
     min-height:60px;
     background:url('/_assets/images/socialmedia-bg.png') repeat-x 0 0;
}
*/
 #socialmediacontainer {
     width:100%;
     min-height:48px;
     margin:0 auto 0 auto;
     padding-top:13px;
     text-align:center;
     background: #0b2d48 url('https://www.lanl.gov/_assets/images/socialmedia-bg.png') repeat-x 0 0;
}
 #socialmediacontainer img {
     padding:0 10px 0 10px;
     vertical-align:middle;
}
/*#socialmediacontainer {
    position: fixed;
     top: 400px;
     right: 5px;
}
 #socialmediacontainer img{
    display: block;
     width: 42%;
     height: 42%;
     margin: 0 10% 10% 0;
}
 */
/* GOOGLE CALENDAR */
 #footertopcontent table.gadget {
     margin: -10px 0 -20px 1px;
}
 #footertopcontent table.gadget td {
     border:0 none;
}
 #footertopcontent table.gadget td a {
     display: none;
}
 #footertopcontent table.gadget td span.powered {
     display: none;
}
 #footertopcontent table.gadget iframe {
     border:none 0;
}
 .ui-datepicker th th {
     background:#fff;
}
 .ui-datepicker-calendar .ui-datepicker-today {
     background: #f9a347;
}
 #footertopcontent .ui-widget-header {
     background: #f3f3f3;
     background-image: none;
}
 #footertopcontent .ui-widget-content {
     border-width: 0;
}
 #footertopcontent #calendar {
     margin-top:5px;
}
/* =============== END FOOTER STYLES ================= */
/* === FONT STYLES overwrites styles from core-layout.css =========== */
 h1 {
     font-size:200%;
     color: #333333;
     letter-spacing: -0.05em;
     line-height:130%;
     font-weight: bold;
     padding: 0 0 15px 0;
}
/* =============== MEDIA QUERIES =============== */
/* TABLET LAYOUT ----------------------------------------------- */
/* iPads (portrait and landscape) ------------------------------------------- */
 @media only screen and (max-width : 1024px) {
     #headerwrapper {
         width: 100%;
         max-width:1024px;
         margin:0 auto 0 auto;
         line-height: 100%;
    }
    /* NAVIGATION */
    /* ================ END HEADER STYLES =================== */
    /* ================ BEGIN FOOTER STYLES ================= */
    /* LOCAL PAGE FOOTER */
     #pagefooter {
         border-top: 1px solid #CECECE;
         bottom: 0;
         height: auto;
         margin: 20px 0 0 0;
         padding: 10px 0;
         position: relative;
         width: 100%;
    }
     #pagefooter .footercolumn-wide {
         float:left;
         min-height: 100px;
         width: 56.4984%
        /* 548px : 970px */
        ;
         margin: 0;
         padding: 0 20px 10px 5px;
        /*border: 1px black solid;
         */
    }
     #pagefooter h2 {
         font-size: 150%;
         margin: 5px 0 0 0;
         padding:0 0 14px 0;
         text-transform: uppercase;
         color: #000;
    }
     #pagefooter h2 span {
         color: #f29604;
         font-weight: bold;
    }
     #pagefooter .footercolumn-wide h3 {
         margin: 0;
         padding:0 0 5px 0;
    }
     #pagefooter .footercolumn01, #pagefooter .footercolumn02, #pagefooter .footercolumn03, #pagefooter .footercolumn04, #pagefooter .footercolumn05 {
         float:left;
         min-height:auto;
         width: 172px;
         border-left:1px solid #CECECE;
         margin: 0 0 0 20px;
    }
     #pagefooter .footercolumn-double {
         float: left;
         border:0;
         width: 37.1443%
        /* 370px : 970px */
        ;
         margin: 0;
         padding: 0 0 0 20px;
         border-left:1px solid #CECECE;
    }
     #pagefooter .footercolumn-double .video-thumbnail {
         float: right;
         width: 50%;
         margin: -30px 5px 0 20px;
         padding: 0;
    }
     #pagefooter .footercolumn-double .video-thumbnail img {
         height: auto;
         border: 4px #eee solid;
    }
     #pagefooter .footercolumn-double div.length {
         margin-top: -30px;
    }
     #pagefooter .footercolumn-double h3 {
         color: #42a817;
         margin: 0;
         padding: 0 10px 0 0;
    }
     #pagefooter .footercolumn-double p {
         width: 50%;
         margin: 0 10px 0 0;
    }
     #pagefooter ul {
    }
     #pagefooter li {
         font-size: 12px;
         line-height: 16px;
         padding: 2px 10px 5px 0;
    }
    /* FOOTER */
     #footercontainer {
         width: 97.93814%;
         max-width: 1024px;
         min-width: 768px;
         margin: 0 auto 0 auto;
        /*border: 1px brown solid;
        */
    }
     .footercolumn01, .footercolumn02, .footercolumn03, .footercolumn04, .footercolumn05 {
         float:left;
         min-height:280px;
         width: 135px;
         border-left:1px solid #CECECE;
         margin: 0 0 0 10px;
    }
     .footercolumn01 {
         border:0;
         width: 162px;
         margin: 0;
         padding: 0 0 0 10px;
    }
     .footercolumn01 p, .footercolumn02 p, .footercolumn03 p, .footercolumn04 p, .footercolumn05 p{
         margin-left:15px;
    }
     table.gadget {
         display: none;
    }
     #partners {
         text-align: center;
         margin: 3% 0 0 0;
    }
     #partners img {
         margin:0 0 10px 25%;
         float: none;
         display: block;
    }
     #socialmediacontainer img {
         padding:0 10px 0 10px;
         vertical-align:middle;
    }
}
/* WIDE DESKTOP LAYOUT ----------------------------------------------- */
 @media only screen and (min-width: 1024px) {
    /* DROP DOWN MENU PANEL */
    /* FOOTER */
     #footercontainer {
         width: 97.93814%;
         max-width: 950px;
         min-width: 900px;
         margin: 0 auto 0 auto;
        /*border: 1px orange solid;
        */
    }
     .footercolumn01, .footercolumn02, .footercolumn03, .footercolumn04, .footercolumn05 {
         float:left;
         min-height:280px;
         width: 182px;
         border-left:1px solid #CECECE;
         margin: 0 0 0 10px;
    }
     .footercolumn05 {
         width:162px;
         padding-left:20px;
    }
     .footercolumn01 {
         border:0;
         width: 162px;
         margin: 0;
         padding: 0 0 0 5px;
    }
     #partners {
         margin: 3.4% 0 0 0;
    }
     #partners img {
         margin:0 0 0 10px;
         display: inline;
    }
     table.gadget {
         display: block;
    }
     #socialmediacontainer img {
         padding:0 10px 0 10px;
         vertical-align:middle;
    }
}