/* LANL CUSTOM STYLES
----------------------------------------------------------------------------------------------*/
*|*:link {color: #007CBA;}

/* EMERGENCY MESSAGE */
#emr-wrapper { width:95%; 
    min-width: 25%;
    position:relative;
    margin:0 auto 20px auto;
    padding: 0 0 0 0;
    height: auto;
    text-align:left;
    background:transparent;
    z-index:100;
}
#emr {margin:10% auto 0;
    background: #FFC838;  
 -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.35);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.35);
 padding:15px; 
 font-size: 1.1em;}

/* PAGE STYLES */
.ui-mobile, .ui-mobile .ui-page {background: #fff;}
.ui-br {
    border:0 none;
}
.ui-navbar .ui-btn-up-a:visited {color:#2F3E46;}
.ui-body-a .ui-link {text-decoration: none;}
.ui-body-a:hover .ui-link {text-decoration: underline;}
.ui-navbar .ui-btn-inner{min-width: 0.65em;}
/* header */
.ui-header{background: #031634 url("../../images/mobile/global-header_bg.jpg") repeat-x top left; padding:  0; text-align:left;}  
.ui-header img{margin-top: 15px;} 

/* footer */
.ui-footer{background:#031634;}
.ui-footer img {margin: 10px 10px 0 0; text-align:center; border: 0 none;}   
#socialmediawrapper{background-color: transparent; text-align:center;padding:15px 5px;} 
#socialmediawrapper img{margin: 0 3px; width:25px; height: 25px;}

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

.ui-btn{margin-top: 0; margin-right: auto; margin-left:auto;padding: 0 5px;}
:link.ui-btn-up-b{color:#333;}
:link.ui-btn-hover-b {color:#FFF;}

.ui-input-search {margin-bottom: 15px;}
[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:relative !important; top: auto !important; width:100%;}       

/* SEARCH */
#search {
    text-align: center;
}
/* clear button */
#search .ui-btn{
    border:1px #aaa solid;
    clear:both;
    padding:0;
    font-size:13px;
    font-weight:normal;
}
.ui-btn-inner.ui-btn-corner-all {
    padding: 5px 10px;
}
#search .ui-btn span {
    margin: 1px 0 0 2px;
    padding: 0;
}
/* search button */
#search-button .ui-btn{
    padding:5px 10px;
}
/* FONTS */
h1 {font-size:120%; line-height:120%;}

/* custom styles */

    
div.closed{padding: 10px; margin: 0 0 2px 0; border: 1px solid #ddd /*{c-body-border}*/;
    color: #333333 /*{c-body-color}*/;
    text-shadow: 0 /*{c-body-shadow-x}*/ 0 /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ddd /*{c-body-shadow-color}*/;
    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;}

div.open, div.closed:hover{padding: 10px; margin: 0 0 2px 0; border: 1px solid #ddd /*{c-body-border}*/;
    color: #ffffff /*{c-body-color}*/;
    text-shadow: 0 /*{c-body-shadow-x}*/ 0 /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
    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;}

div.closed.twisty, div.closed.twisty:hover, div.open.twisty{background:transparent; background-image:none; border:0;color:#333;}
div.closed h1, div.open h1{margin:0; padding:0 0 0 15px; font-size: 110%;display: inline;}

/* homepage expand collapse arrows */
.ui-collapsible.ui-collapsible-collapsed .ui-collapsible-heading .ui-icon-plus,
.ui-icon-arrow-r { background-position: -108px 0; }
.ui-icon-arrow-l { background-position: -144px 0; }
.ui-icon-arrow-u { background-position: -180px 0; }
.ui-collapsible .ui-collapsible-heading .ui-icon-minus,
.ui-icon-arrow-d { background-position: -216px 0; }

.expand-collapse-group .ui-btn-icon-left .ui-icon {padding: 0;}

.expand-collapse-group {
    padding:0 2px 0 2px; margin:-35px 0 0 0;}

/* news */
.ui-mobile .all-stories-list {margin:0; padding: 0; background:#f8f8f8;}
.ui-mobile .all-stories-list li {list-style:none; min-height: 80px; height: auto; padding: 15px 15px 5px 15px; border-top:2px #fff solid; border-bottom:1px #bababa solid;}
.ui-mobile .all-stories-list li:hover{background: #fff;}
.ui-mobile .all-stories-list li img{margin-right: 15px;margin-bottom: 15px; float: left; width: 75px; height: 75px;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.ui-mobile .all-stories-list li h3 {padding:0; margin:0 0 -5px 0;font-size:110%;}
.ui-mobile .all-stories-list li a{text-decoration: none; padding: 0;color#007cba;}
.ui-mobile .all-stories-list li span.date {color: #888; font-size:75%;padding: 0 0 0 5px;}

/* VIDEO  */
.video-feed {clear:both; padding: 10px 0;}
.video-container{
    width:95%;
    height: 130px; 
    display:block; 
    background: #f8f8f8; 
    padding:10px 10px;
    border-top: 2px #fff solid;
    border-bottom: 1px #bababa solid;
}
.video-container:hover{
    background: #fff;
}

.video-container p {
    width: 40%;
    padding: 4px 0;
    margin: 0;
    line-height: 1.4em; float: left;
}

/* thumbnail panel  */
.video-thumbnail {width:178px;
     padding:0 5px 0 1%;
     margin: 0 5px 5px 20px;
    height: auto;
    overflow: hidden; float:left;
    font-size:13px;
    line-height:16px;
}


.video-thumbnail img {
    width: 172px;
    height: 110px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* thumbnail panel  */
.ui-mobile .video-thumbnail .length {position: relative;
 right: 4%;
width:40px; height: 16px; background: #000; padding: 1px 6px; color: #fff; font-size: 12px; font-weight: bold;  text-align: right; margin: -26px 0 0 115px;
}
.ui-mobile .columns-wide .video-thumbnail p {
    padding:10px 0;
    margin:0 0 10px 0;
}
/* PHONEBOOK */
form label {display:block; margin-bottom: 5px;}
#phonebook_search .ui-btn{
  margin-top:15px; 
  border:1px #aaa solid;
}

/* ORG PAGES */
#left img, #right img{
    width:95%;
    margin:5px 0 15px 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border:1px #dadada solid;
    border-width: 1px 2px 2px 1px;
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
    -webkit-box-shadow: 6px 6px 8px 0px rgba(50, 50, 50, 0.36);
    -moz-box-shadow:    6px 6px 8px 0px rgba(50, 50, 50, 0.36);
    box-shadow:         6px 6px 8px 0px rgba(50, 50, 50, 0.36);
}
#left img:hover, #right img:hover{
    border-top:1px #bbb solid;
    border-right:2px #aaa solid;
    border-bottom:2px #aaa solid;
    border-left:1px #bbb solid;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}