.ui-loader{display: none;}
.ui-mobile body {background:#fff;
    width: 100%; font-size: 100%; line-height: 120%; margin: 0; font-family: Arial, Helvetica, sans-serif;
 }
 .ui-mobile #fixed-header{
     background-image:none !important;
 }
 #mobile-header-nav{
    padding: 0;
} 
 .ui-mobile .columns {}
.ui-mobile h1{font-size: 140%; line-height: 100%;}
.ui-mobile #headerwrapper {background: #fff !important; padding: 0; margin: 0 0 -15px 0;}
.ui-mobile #mobile-header,.ui-mobile #mobile-header-nav,.ui-mobile #mobile-footer, #page1{display: block;  }
.ui-mobile #mobile-header {margin-top: 0; background: #001733;}
.ui-mobile #mobile-header a.homepage-link{
    display: block; 
    padding: 0 5px 5px 8px; 
    text-decoration: none; 
    color: #bbb; 
    font-weight: normal; 
    font-size: 11px; 
    text-align:right;
}
.ui-mobile #mobile-header a#header-title {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 0 0 8px 10px;
    text-decoration: none;
}
/* Use .header-title instead of #header-title */
.ui-mobile #mobile-header a.header-title {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 0 0 8px 10px;
    text-decoration: none;
}

.ui-mobile #mobile-header img{margin:3px 0 -3px 0;}
.ui-mobile #contentwrapper{background: #fff; width: 99.99%; padding: 0 0 15px 0;}
.ui-mobile ul.ui-grid-c li.ui-block-a { clear:none; float: left;width:auto;}

/* navigation */
.ui-mobile .ui-navbar {
    background-color: #E7E8E9;
    background-image: linear-gradient(#FFFFFF, #C6C7C8);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.ui-mobile .ui-navbar li .ui-btn:last-child {
    margin-right: 0; border-right: 1px #ccc solid;
}    
    
#pagecontent #sitename {padding:0 10px;margin: 0 0 15px 0; height:auto !important;}
#sitename h1{font-size: 140%;padding-top: 15px !important;}
#sitename .summary{font-size: 100%; line-height: 140%; color: #666;}
#sitename .summary span.gold{color: #000; font-size: 110%;}
#sitename img {display: none;}

/* footer */
#mobile-footer{
    background:#031634; 
    bottom:0; 
    position:relative !important; 
    top: auto !important; 
    width:100%;text-align:center;
}
#mobile-footer div#logo {
    background-color: #031634;
    height: 90px;
    position: relative;
    text-align: center;
    width: 100%;
}
.ui-footer img {
    border: 0 none;
    margin: 10px 0;
    text-align: center;
}
#mobile-footer .ui-content p {
    font-size: 75%;
    line-height: 2em;
    text-align: center;
}
/* OLDER MOBILE FOOTER STYLES */
.ui-mobile #socialmediawrapper-mobile{background-color: transparent; text-align:center;padding:15px;} 
.ui-mobile #socialmediawrapper-mobile img{margin: 0 5px 0 0; width:25px; height: 25px;}
.ui-mobile #socialmediacontainer-mobile {background-image: none; background-color:#fff; text-align: center;}

.ui-mobile ul#footer-links {width: 100%; padding: 5px 10px  5px 0; text-align: center;}
.ui-mobile ul#footer-links li { display: inline; list-style: none; line-height: 2em; }
.ui-mobile ul#footer-links li a { padding: 0 10px; text-decoration:none; font-weight: normal;}
.ui-mobile ul#footer-links li a:hover {text-decoration:underline;}

.ui-navbar li .ui-btn {
    margin-right: -1px;
    padding-bottom: 8px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 8px;
    white-space:nowrap;
}
.ui-btn{margin-top: 15px;}

[data-role=page]{height: 100% !important; position:relative !important;}
/*[data-role=footer]{bottom:0; position:relative !important; top: auto !important; width:100%;} */      


.ui-mobile #pagefooter .footercolumn-double {display: none;}

/* LANDING PAGE */
.ui-mobile #utility, .ui-mobile #screenReaderNav, .ui-mobile #screenReaderNav, .ui-mobile #tagline,  .ui-mobile #logocontainer,.ui-mobile ul#breadcrumbs, .ui-mobile #footerwrapper, .ui-mobile #socialmediawrapper, .ui-mobile #gallery {display: none;}
.ui-mobile #mainwrapper{width: 99.9%;}
.ui-mobile #pagecontent ul.landingpage li{background: none; float: none; width: 95%;}

.ui-mobile #socialmediawrapper {
    background-color: #fff;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: center;
}
.ui-mobile #pagecontent .sidebar {width: 95%; font-size:90%; padding: 0 10px;}

/* STORY PAGE */
.ui-mobile h2 {font-size: 120%;}
.ui-mobile #date {
    color: #777777;
    font-size: 75%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.ui-mobile .feature-image-caption { }
.ui-mobile .feature-image-caption img{width: 100%; padding:0; margin: 0; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.ui-mobile .columns .feature-image-caption p{font-size: 75%; line-height: 120%; color: #666; padding: 5px 0 10px 0; margin: 0; font-style: italic;}
.ui-mobile .columns{padding: 0 10px;}
.ui-mobile .columns {font-size: 90%;}

#pagecontent .column4 .feature-image-caption p, #pagecontent p.caption {
    color: #666;
    font-size: 90%;
    line-height: 130%;
    margin: 0 10px 0 10px;
    padding: 10px 0 0;
    width: 97%;
}
.ui-mobile #contacts{   background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    margin: 5px 0 10px 0;
    padding: 0;
    font-size: 90%; color: #000;
    text-align:left;
}
.ui-mobile #contacts h2 {
    font-size: 100%; 
    text-transform: uppercase; 
    margin: 0 0 5px 0; padding: 0;
}
.ui-mobile #contacts ul {
    margin: 0 0 10px 0; 
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px;
    background-color:#f3f3f3;
}
.ui-mobile #contacts ul li{list-style: none; padding:0; text-shadow: none;}
.ui-mobile #contacts ul li img {float:none; width: 50%; margin: 0 10px 0 0;}

.ui-mobile .sidebar #contacts ul li a, .ui-mobile .sidebar #contacts ul li a:hover {
    color:#007cba;
    text-decoration:none;
    padding: 5px; margin:  0; 
    background-image:none; 
    background:transparent;
    border:0;
    text-align:left; 
    box-shadow:none; 
    text-decoration:none;}
.ui-mobile .sidebar #contacts ul li a:hover {
    text-decoration:underline;}


.ui-mobile .quote, .ui-mobile .desktop, .desktop{   display:none;}

/* RELATED IMAGES */
ul.relatedImages li.relatedImage{list-style: none; padding: 0 0 15px 0;}
.ui-mobile .sidebar ul {margin: 0; padding: 0;}
.ui-mobile .sidebar ul li{list-style: none; width: 99%;}
.ui-mobile .sidebar ul li a{padding: 10px; margin: 8px 0; border: 1px solid #ddd /*{c-body-border}*/;
    color: #333333 /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #aaa /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #f9f9f9 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #dadada /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; display: block; width: 90%;}

/* RELATED ARTICLES */
.ui-mobile #related-articles {margin: 0; padding: 10px;}
.ui-mobile #related-articles img {margin: 0 10px 0 0; float: left;}
.ui-mobile #related-articles ul{padding: 0;}
.ui-mobile #related-articles li{list-style: none; font-size: 90%; line-height: 130%; padding: 10px 0;}
.ui-mobile .sidebar ul li a:hover{padding: 10px; margin: 8px 0; border: 1px solid #bf8b31 /*{c-body-border}*/;
    color: #ffffff /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #888 /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #F6BC42 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F6BC42 /*{c-body-background-start}*/), to( #bf8b31 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #F6BC42 /*{c-body-background-start}*/,#bf8b31 /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  cursor:pointer; display: block; width: 90%; text-decoration:none;}

.ui-mobile .sidebar ul li a.ui-link{color: #333; width:95%;text-decoration: none;}
.ui-mobile .sidebar ul li a.ui-link:hover{color: #fff; text-decoration:none;}
.ui-mobile .ui-body-a:hover .sidebar ul li a.ui-link:hover {text-decoration: none;}


/* MENU BUTTON toggles navigation on and off in mobile view */
#menu-button {
    display: block;
    padding: 10px 0 10px 20px; 
    width: 100%; 
    border: 1px solid #ddd /*{c-body-border}*/;
    color: #333333 /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #aaa /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #f9f9f9 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #dadada /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/);
    
    cursor:pointer; 
    text-decoration:none;
    text-transform: uppercase;
    font-weight: bold;  
}


/* NAVIGATION */
#menu {display:none;}
/* LEVEL ONE */
ul.dropdown {
    position: relative;left: 0; z-index: 99; margin: 0 0 0 -34px; white-space:nowrap; height: auto; width: 95%; 
}
ul.dropdown li {
    font-size: 85%;
    font-weight: normal;
    display: block;
    zoom: 1;
    text-transform: uppercase; 
    list-style: none; 
    margin: 4px; 
    width: 100%;
    height: auto;
}
ul.dropdown li.selected {display:block;}
ul.dropdown li.selected ul.sub_menu{display:block; position: relative;}
ul.dropdown a:hover {
    color: #000;
}
ul.dropdown a:active {
    color: #ffa500;
}
ul.dropdown li a {
    display: block;
    padding: 9px 5% 5px 5%;
    white-space:nowrap;
    border: 1px solid #ddd /*{c-body-border}*/;
    color: #444444 !important /*{c-body-color}*/;
    box-shadow: 2px /*{c-body-shadow-x}*/ 2px /*{c-body-shadow-y}*/ 2px /*{c-body-shadow-radius}*/ #aaa /*{c-body-shadow-color}*/;
    text-shadow: 0 0 0 transparent;
    background: #f9f9f9 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #dadada /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #dadada /*{c-body-background-end}*/);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    cursor:pointer; 
    text-decoration:none;
     font-weight: normal;   
}
 /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
    
    
}
ul.dropdown li.hover a, ul.dropdown li:hover a {
    color: #fff !important;
    color: black;
    position: relative;
     background: #F6BC42 /*{c-body-background-color}*/;
     border-top: 1px #F6BC42 solid;
     border-left: 1px #F6BC42 solid;
     border-right: 1px #bf8b31 solid;
     border-bottom: 1px #bf8b31 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F6BC42 /*{c-body-background-start}*/), to( #bf8b31 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #F6BC42 /*{c-body-background-start}*/,#bf8b31 /*{c-body-background-end}*/);
    
}

ul.dropdown li span.button {position:absolute; text-align: center; margin-top:-29px; right: 15px; width: 23px; height: 23px; border: 0 none; background: transparent; cursor: pointer;font-size: 24px; z-index:999; }
ul.dropdown li span.button.plus {background: url("https://www.lanl.gov/_assets/images/mobile/btn-plus.png") no-repeat top left;}
ul.dropdown li span.button.minus {background: url("https://www.lanl.gov/_assets/images/mobile/btn-minus.png") no-repeat top left;}
/* 
    LEVEL TWO
*/
ul.dropdown ul {
    width: 100%;
    /*visibility: hidden;*/
    display:none;
    position: absolute;
    top: 100%;
    left: -30px;
    background: #fff;
}
/*.visible{visibility:visible; position: relative;}*/
ul.dropdown ul li {
    font-size: 14px; font-weight: normal;
    background: #f6f6f6;
    color: #000;
    border: none 0;
    display: block;
    text-transform: none; list-style: none; background-image: none; width: 85%;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul.sub_menu li a {
    border: none;
    width: 100%;
    display: inline-block;
    background: #eee;
    white-space: normal;
}
ul.dropdown ul.sub_menu li.hover a, ul.dropdown ul.sub_menu li:hover a {
    background: #FC6;
    color: #fff; 
     
}
ul.dropdown ul.sub_menu li a, ul.dropdown ul.sub_menu li ul li a {
    color: #444 !important;
}
/* 
    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;
}

/* TABLES */
.ui-mobile table {width: 95%; border: none 0;}
.ui-mobile table th, .ui-mobile table td{float:left;clear:both; width:100%; border: 1px #dadada solid; padding: 5px;}
.ui-mobile table th{background-color: #faebad; font-weight: bold;text-align:left;}


/* TWISTY EXPAND AND COLLAPSE */
.ui-mobile .twisty.closed {
    background-color: transparent;
    background-image: none;
    border: 0 none; padding: 0;
}
.ui-mobile .twisty.closed:hover {
       background-color: transparent;
    background-image: none;
    border: 0 none; color: #555;}
    
/*  BUTTON */ 
.button a {
    display:block;
    margin: 5px 5px 5px 5px;
    padding: 5px 15px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold;
    color: #555;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-color: #f0f0f0;
    background-image: url("https://www.lanl.gov/_assets/images/fallback-gradient.png") repeat-x bottom left;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c1c1c1));
    background-image: -webkit-linear-gradient(top, #ffffff, #c1c1c1);
    background-image:    -moz-linear-gradient(top, #ffffff, #c1c1c1);
    background-image:     -ms-linear-gradient(top, #ffffff, #c1c1c1);
    background-image:      -o-linear-gradient(top, #ffffff, #c1c1c1);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-top:1px #eee solid;
    border-right:2px #b6b6b6 solid;
    border-bottom:2px #b6b6b6 solid;
    border-left:1px #eee solid;
    text-align: center;  
    text-decoration: none;
    }
.button a:hover, .button a:active, .sidebar .button a:hover, .sidebar .button a:active {
    cursor:pointer;
    color: #fff !important;
    background: #F6BC42 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F6BC42 /*{c-body-background-start}*/), to( #bf8b31 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #F6BC42 /*{c-body-background-start}*/, #bf8b31 /*{c-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #F6BC42 /*{c-body-background-start}*/,#bf8b31 /*{c-body-background-end}*/);
    border-top:1px #d6d6d6 solid;
    border-right:2px #b6b6b6 solid;
    border-bottom:2px #b6b6b6 solid;
    border-left:1px #d6d6d6 solid;
    text-decoration: none;}     
    
/* HIGHLIGHT */
.highlight {
    background-color:#eee;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #555555;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 2%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 2%;
}

/* VIDEO */
.ui-mobile .column1 .video-thumbnail, .ui-mobile .column3 .video-thumbnail, .ui-mobile .column4 .video-thumbnail {
    float: none !important;
    clear:both !important;
   
}

/* IMAGES */
.ui-mobile .columns-wide {
    width:100%;}
    
.ui-mobile .columns-wide h2, .ui-mobile .columns-wide p {
   padding: 0 15px;}
    
.ui-mobile .columns-wide .thumbnail {
    width:95%;
    height: 130px; 
    display:block; 
    background: #f8f8f8; 
    padding:10px 10px;
    border-top: 2px #fff solid;
    border-bottom: 1px #bababa solid;
}
.ui-mobile .columns-wide .thumbnail:hover{
    background: #fff;
}

.ui-mobile .columns-wide .thumbnail p {
    width: 40%;
    padding: 4px 0;
    margin: 0;
    line-height: 1.4em; float: left;
}
.ui-mobile .columns-wide .thumbnail img {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 110px;
    width: 172px;
    float:left;
    margin-right:15px;
}
.clearBoth{clear:both;}
br.clearBoth{display:none;}
/* EXTERNAL LINK ICON */
a.external {background: url("../../images/yicon_jumplink.gif") no-repeat top right; padding: 0 13px 0 0;}