/*************************************************************************
   AUTHOR:          IRM-CAS
   WEBSITE:         http://www.lanl.gov/
   TEMPLATE NAME:   LANL Core CMS Template Homepage Elements Styles
   VERSION:             1.0             
 ************************************************************************/ 
/* mobile elements */
.expand-collapse-group{
    display:none;}
#topnavwrapper {
    background:#f6f6f6;
    height: auto;
    min-height: 42px;
    width: 100%;
    margin-top: -2px;
}
#fixed-header{
    z-index:300;
}
#topnavshadow{
    background:transparent;
    background-image:none !important;
}
.centered {text-align: center;}
#mainwrapper {
    background:transparent;
    width:100%;
}
#homecontentwrapper {
    background:#fff;
}

#contentwrapper {
    width:100%;
    background-color: #FFFFFF;
    background-image: none;
    background-position:20px 55px;
    height: 490px;
    border-bottom: 6px solid #fff; padding: 10px 0 0 0;
    padding-top: 135px !important;
}
#homecontent {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 50px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-bottom: 11px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: left;
    width: 970px;
}
#homecontent-sharebar{
    width:970px;
    height:20px;
    margin:0 auto 20px auto;
    padding: 0 0 5px 0;
    text-align:left;
    background:transparent;
}
#homecontent-sharebar #all.addthis_toolbox.addthis_default_style{
    float:right;
    margin-bottom:0;
    z-index:1000;
}
#homecontent h1 {
    margin-top: 17px !important;margin-bottom:0;padding-bottom:0; font-weight:normal; letter-spacing:-1.2px;font-size:21px;color:#9199d2;
    }

/****************** END HOME PAGE STYLES *****************/
/****************** BEGIN ACCORDION NAV STYLES *****************/
#accordion {margin: -5px 0 0 0;}
.navbarwrapper { /*clear:both;*/
    width:100%;
    background: url('../images/navbar-bg.png') repeat-x 0 0;
}
.navbarcontainer {
    width:980px;
    margin:0 auto 0 auto;
    height:65px;
    clear:both;
}
.navbarwrapperlast .navbarcontainer {
    height:62px;
}
.navbarcontainer a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/plus-btn.png");
    background-origin: padding-box;
    background-position: 5px 15px;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 2.0em;
    font-weight: lighter;
    letter-spacing: 0.06em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 18px;
    padding-left: 40px;
    padding-right: 0;
    padding-top: 15px;
    width: 800px;
}
.navbarcontainer .navitemwrapper a:hover {
    color:#007C96;
    background: url("../images/plushover-btn.png") no-repeat 5px 15px;
}
.navbarcontainer .navitemwrapper img {
    padding-right:22px;
}
.ui-state-default#active a:hover {
    background: url("../images/plushover-btn.png") no-repeat 5px 15px;
}
.active .navitemwrapper a, .active .navitemwrapper a:hover {
    background: url("../images/minus-btn.png") no-repeat 5px 15px; cursor: pointer;
}
.navbarsummary {
    float: left;
    width:900px;
    padding:0;
    visibility: visible;
    margin: -13px 0 0 43px;
    font-size:0.95em;
    line-height:1.30em;
    color:#555555; display: block; 
}
.navbarsummary:hover {
    visibility: visible;color:#026078;  cursor: pointer;
}
/* STC AWARD SLIDEOUT TAB */
 .slide-out-div {
       padding: 5px 0;
        width: 175px;
        background: #ff031c;
        border: 0 none;
        z-index:99;
        height:190px !important;
        opacity: 0.85;
        position:fixed !important;
        top:160px !important;
    }

.slide-out-div h2 {text-align:center; margin-top:75px; padding: 0 5px; font-size:24px; line-height:32px; font-weight:bold;}
.slide-out-div h2 a{color:#fff;cursor:pointer;}
.slide-out-div img {margin-top:-30px;}

/* FEATURE HEADING */
#homecontent h1 span {
    color: #333;
    display: inline-block;
    font-size: 160%;
    line-height: 120%;
    margin-top: 15px;
}
#homecontent h1 em {
    color: #E27C00;
    font-weight: normal;
}
   

/* ACCORDION PANELS */
#accordion .accordion-panel {
    width: 940px; margin: 0 auto; padding: 0 0 0 20px;
}
#accordion .accordion-panel-1 {width: 32%; float: left; padding: 5px 0 5px 1%;}
#accordion .accordion-panel-2 {width: 64%; float: left; padding: 5px 0 5px 1%;}
#accordion .accordion-panel-3 {width: 96%; padding: 5px 0 5px 1%;}

/* link list in accordion panel */
#accordion ul {margin: 10px 0 0 0;}
#accordion ul li {padding: 4px 0;}

/* lists in accordion panels */
#accordion ul.pictures ul {margin: 0;}
#accordion ul.pictures li{height: 100px; padding: 0 4% 0 0;}
#accordion ul.pictures li img{float: left; margin: 6px 4.2% 0 0; width: 118px; height: 88px;}
#accordion ul.pictures li h3{font-size: 190%; color: #5FAF43; margin: 0 0 5px 0; padding: 0; font-weight: normal;}
#accordion ul.pictures li h3 a{color: #5FAF43; }
#accordion ul.pictures li h3 a:hover{text-decoration: underline; }
#accordion ul.pictures li p{font-size: 100%; line-height: 150%; padding: 0; margin: -8px 0 0 0;}

#accordion .accordion-panel-1 ul.pictures {margin-left: 10px;}
#accordion .accordion-panel-1 ul.pictures li{height: 100px; padding: 0 4% 0 0;}
#accordion .accordion-panel-1 ul.pictures li h3{font-size: 100%; line-height: 120%; color: #333; margin: 0 0 10px 0; padding:3px 0 0  0; font-weight: bold;}
#accordion .accordion-panel-1 ul.pictures li h3 a{color: #5FAF43;}
#accordion .accordion-panel-1 ul.pictures li h3 a:hover{text-decoration: underline; }

/* video thumbnails in accordion */
#accordion .video-thumbnail {width:176px;}
#accordion .video-thumbnail img {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height:105px;
    width: 176px;
}
#accordion .video-thumbnail .length {position: relative;
 right: 0;
width:40px; height: 16px; background: #000; padding: 1px 6px; color: #fff; font-size: 12px; font-weight: bold;  text-align: right; margin: -30px 0 10px 70%;
}

/* subscribe */
#accordion img.signup {
    margin: 10px 0 0 10px;
}
/* picture of the week */
.accordion-panel-1 .thumbnail-potw{
    margin-top:25px;
}
.thumbnail-potw img {
    width: 100%;
}
/* social media icons */
.accordion-panel-1 > div#social-media{
    margin: 20px 0;
}
.accordion-panel-1 > div#social-media img {
    width: 10%;
}
/* publication covers */
.accordion-panel-1 > div#publication-covers{
    margin-top:25px;
}
.accordion-panel-1 > div#publication-covers div {
    width: 50%;
    float: left;
}
.accordion-panel-1 > div#publication-covers div img {
    width: 90%;
    border: 1px #444 solid;
}


/* ADDITIONAL NAVIGATION IN ACCORDION PANELS */
ul.additional-nav {margin: 10px 0 10px 10px; padding:  5px 0 15px 5px; height: 20px; width: 100%;}
ul.additional-nav li {list-style: none; list-style-image: none; float: left; font-size: 13px; color: #666; margin: 0; padding: 0;}
ul.additional-nav li a{color: #5b4e08; padding: 0 5px 0 10px; font-weight: normal;}
ul.additional-nav li a:hover{color: #5b4e08; text-decoration: underline; cursor: pointer;}
/****************** END ACCORDION NAV STYLES *****************/


/* Misc visuals
----------------------------------*/
.ui-tabs-hide {
    display:none !important;
}
.navbarhide {
    display: none;
}
.content {/*clear:both; */
    height:auto;
}
#content {
    display: none;
    position: relative;
    
    
    clear:both;
}
.homepage #content {
    padding: 0; margin: 0; display: none;
}
.open #content {
    display: block;
}
.hide {
    display: none;
}
/* SLIDER REVOLUTION */

.boxedcontainer {max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner{
    visibility: hidden;
}
.tp-bannertimer{
    display:none;
}
.tp-caption.lightgrey_divider {
    background:transparent;
    text-decoration: none;
    width: 70% !important;
    height: auto ;
    white-space: normal;
    padding:0 0 0 20px !important;
    margin-top:-55px !important;
}

.tp-mask-wrap {
    width: 1200px !important;
}
.tp-arr-titleholder{}
#contentwrapper .tp-caption{
    white-space:normal !important;
}
#contentwrapper .tp-caption h1{
    font-size:310%;
    line-height:110%;
    width:100%;
    color:#fff;
    font-weight:bold;
    text-shadow: 2px 2px 6px rgba(80, 80, 80, 1);
}
#contentwrapper .tp-caption p{
    font-size:160%;
    line-height:110%;
    width:100%;
    color:#fff;
    padding:5px 0 20px 0;
    text-shadow: 1px 1px 6px rgba(30, 30, 30, 1);
}
#contentwrapper .tp-caption p#brand{
    font-size:180%;
    line-height:160%;
    width:75%;
    height:35px;
    color:#fff;
    padding-left:0;
    margin-bottom:20px;
    text-shadow: 1px 1px 6px rgba(30, 30, 30, 1);
}
#contentwrapper .tp-caption span#readmore-button{
    text-shadow: 1px 1px 6px rgba(100, 100, 100, 1); 
    display:inline;
    background:#000;
    border-radius:35px;
    opacity:0.8;
    padding:10px 25px;
    width:auto;
}
#contentwrapper .tp-caption a span#readmore-button{
    color:#fc3 !important;
    font-weight:lighter;
    font-size:160%;
}
#contentwrapper .tp-caption a span#readmore-button:hover{
    color:#fff !important;
    opacity:1;
}
.erinyen .tp-tab-title{
    font-size:16px;
}
.tp-leftarrow.tparrows.erinyen.noSwipe, .tp-rightarrow.tparrows.erinyen.noSwipe {
    visibility: visible !important;
    opacity:0.5 !important;
}
.tp-banner-container .tp-leftarrow.tparrows.erinyen.noSwipe:hover, .tp-banner-container .tp-rightarrow.tparrows.erinyen.noSwipe:hover{
    opacity: 1.0 !important;
    background:#000;
}
/*.slotholder:hover .tp-leftarrow.tparrows.erinyen.noSwipe, .slotholder:hover .tp-rightarrow.tparrows.erinyen.noSwipe{
    opacity: 1. !important;
}*/
/* === MEDIA QUERIES ==== */

/* TABLET LAYOUT 
----------------------------------------------- */
/* iPads (landscape) 
------------------------------------------- */

@media only screen and (max-width:1024px) {
#contentwrapper{
    height:440px;
}
#homecontent-sharebar{
    width:900px;
    height:20px;
    margin:10px auto 10px auto;
    padding: 0 0 5px 0;
    text-align:left;
    background:transparent;
    z-index:1000;
}

.tp-caption.lightgrey_divider {
    background:transparent;
    text-decoration: none;
    width: 90% !important;
    height: auto ;
    white-space: normal;
    padding:0 40px 0 0 !important;
    margin-top:-55px !important;
}
#accordion .accordion-panel {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0 0 0 20px;
    width: 98%
}
}
/* iPads (portrait and smaller tablet landscape) 
------------------------------------------- */

@media only screen and (max-width:900px) {
#homecontent-sharebar{
    width:800px;
    height:20px;
    margin:0 auto 5px auto;
    padding: 0 0 5px 0;
    text-align:left;
    background:transparent;
    z-index:1000;
}
#contentwrapper{
    height:370px;background:#fff;
    background-position:280px 50px;
    background-repeat:repeat-x;
}
.tp-caption.lightgrey_divider {
    background:transparent;
    text-decoration: none;
    width: 90% !important;
    height: auto ;
    white-space: normal;
    padding:0 40px 0 0 !important;
    margin-top:-55px !important;
}

/* ACCORDION */
#accordion .accordion-panel {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0 0 0 20px;
    width: 98%
}

}
/* MOBILE PHONE and Small Tablet */
@media only screen and (max-width: 640px) {
#contentwrapper{
    height:auto;
    background:#fff;
}
/*
#homecontent-sharebar{
    width:95%;
    height:20px;
    margin:150px auto 5px auto;
    padding: 0 0 5px 0;
    text-align:left;
    background:transparent;
}
*/
#homecontent-sharebar{
    display:none;
}
#homecontent {
    width:100%; padding:0;margin:0;
} 
.tp-banner-container{
    width:100%;
    position:relative;
	padding:0;
    margin:0 auto 10px auto !important;
}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-caption p{display:none;}
.tp-banner{
    visibility: hidden;
}
.tp-mask-wrap {
    width: 100% !important;
}
.tp-caption.lightgrey_divider {
    background: transparent none repeat scroll 0 0;
    height: auto;
    margin-top: -20px !important;
    padding: 0 40px 0 20px !important;
    text-decoration: none;
    width: 330px !important;
}
#contentwrapper .tp-caption{
    white-space:normal !important;
}
#contentwrapper .tp-caption h1{
    font-size:260%;
    line-height:110%;
    width:100%;
    color:#fff;
    font-weight:bold;
    text-shadow: 2px 2px 6px rgba(80, 80, 80, 1);
}
#contentwrapper .tp-caption p{
    display:none;
}
#contentwrapper .tp-caption p#brand{
    font-size:140%;
    line-height:140%;
    width:75%;
    color:#fff;
    padding-left:0;
    margin-bottom:-10px;
    text-shadow: 1px 1px 6px rgba(30, 30, 30, 1);
    text-transform:uppercase;
}
#contentwrapper .tp-caption span#readmore-button{
    text-shadow: 1px 1px 6px rgba(100, 100, 100, 1); 
    display:block;
    background:#000;
    border-radius:35px;
    opacity:0.9;
    padding:10px 25px;
    width:120px;    
}
#contentwrapper .tp-caption a span#readmore-button{
    color:#fc3 !important;
    font-weight:lighter;
    font-size:200%;
}
.erinyen .tp-tab-title{
    font-size:14px;
}

/* ACCORDION */
#accordion {display:none;}

/* MOBILE CONTENT */
.expand-collapse-group{
    display:block;
    width:97%;
}
ul.pictures {margin:0;
    padding:0;
}
ul.pictures li{
    list-style:none;
    margin:10px 0 0 0;
    padding:10px 0;
}
.video-thumbnail {
    float: none;
     height: 173px;
    width: 283px;
}
ul.additional-nav {
   display:none;
}
}