/* ==============================================================
   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;
}
/* ================== BEGIN HEADER STYLES ======================= */

body {
    background-image: none;
    background: #fff url("http://www.lanl.gov/_assets/images/brand/global-nav-bg.jpg") repeat-x 0 89px;
}
#headerwrapper {
    width: 100%;
    max-width:980px;
    margin:0 auto 0 auto;
    line-height: 100%;
    float: none;
}
/* --------- utility area ----------- */
#headerwrapper #utility {
    width:100%;
    margin-top:0;
    height: 45px;
    color: #aaa;
}
#headerwrapper #utility a {
    color:#555;
}
#headerwrapper #utility a:hover {
    color:#000;
}
/* -------- 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: 5px;
    -moz-border-radius: 5px;
    border-radius: 7px;
    border: 2px #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, #headerwrapper #search input#q {
    float:left;
    width:82%;
    height:16px;
    padding:4px 0 4px 5px;
    font-size:100%;
    font-weight:bold;
    clear: none;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    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#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:25px;
    margin-right: 20px;
    padding-right:12px;
    text-align:right;
    position:inherit;
}
#utility #utilitynav a {
    font-size:98%;
    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 --------- */
#logocontainer {
    width:245px;
    height: 150px;
    margin-top:0;
    margin-right: 15px;
    margin-left: 1%;
    padding: 5px;
    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;
    float: left;
    z-index:100;
    -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 img {
    margin-top: 0;
}
#logocontainer a.homepage-link {
    display:block;
    margin: 10px 0 0 0;
    padding: 0 0 18px 0;
    color: #eee;
    font-weight: normal; text-align: center;
    background: url("http://www.lanl.gov/_assets/images/brand/global-header-lanl-link-bg.jpg") no-repeat bottom left;
}
#tagline {
    display: block;
    font-style: italic;
    font-size: 13px;
    font-weight: normal;
    color: #c47f04;
    margin-top: 18px;
    margin-left: 10px; /*text-transform: capitalize;*/
}
#tagline a{
   color: #c47f04;  
}

#tagline a:hover{
   color: #cf7f04;  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: -70px 0 0 0;left: 280px; padding: 0; white-space:nowrap; height: auto; width: auto; float: left; 
}
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 15px;
    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;
    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 ================ */
#emr-wrapper{
    top:0;
    z-index:99;
}
#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: 120%; line-height: 140%; width: 80%;}
div.summary span.gold {
    color: #F29604;
    font-size: 120%;
    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("http://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('http://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;
}
}