/* Site CSS FOR ONLINE.UNM.EDU/HELP */

/* GENERAL UNM STYLES THAT ARE NOT INCLUDED WITH SUPPLIED CSS 
================================================== */

/* Import for all UNM Sprites 
================================================== */
@import url("https://webcore.unm.edu/v1/css/links.css"); 

.info,.success,.warning,.error,.alert {
border:1px solid;
margin:10px 0px;
padding:15px 10px 15px 50px;
background-repeat:no-repeat;
background-position:10px 10px;
}

abbr, acronym
{
    border-bottom: #c10037 .1em dotted;
    background: #cdcdcd;
    cursor: help;
}

/* JQuery UI Dialog box Styles
================================================== */
.ui-dialog {
    position:absolute;
    padding:.2em;
    width:800px;
    overflow:hidden;
}





/* NMEL DOCS GENERAL STYLES 
================================================== */

/* NMEL Docs Support Contact Syles 
================================================== */
#nmel-docs-support-contact {
    background-color: #fafafa;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 20px 0 20px 0;
    padding: 10px;
}

#nmel-docs-support-contact ul {
    list-style:none;
    margin: 0;
    padding-left:0;
}

#nmel-docs-support-contact li {
   line-height:1.75em; 
}

#nmel-docs-support-contact .phone {
    background:url(../images/phone-icon.png) 0 no-repeat;
    padding-left:22px;
}

#nmel-docs-support-contact .email{
    background:url(../images/mail-icon.png) 0 no-repeat;
    padding-left: 22px;
}

#nmel-docs-support-contact .web{
    background:url(../images/web-icon.png) 0 no-repeat;
    padding-left: 22px;
}

#nmel-docs-support-contact a[href^="mailto:"] {
    background: none;
}

/* leftnav_contact 
================================================== */
.leftnav_contact {
    background:url(../images/leftnav-contact-background.png) no-repeat;
    padding-left: 35px;
    font-size:.9em;
}

/* NMEL Content Owner - We Do Not Use This Currently
================================================== */
#nmel-docs-content-owner {
    border-top: 1px solid #cccccc;
    font-size: .9em;
    line-height:1.3em;
    padding: 2px;
}

/* NMEL Docs Table of Contents Nav
================================================== */
#nmel-docs-tableofcontents .button p {
    background:url(../images/tableofcontents/book-icon.png) 0 5px no-repeat;
    line-height: 1.9em;
    padding-left: 22px; 
}

#nmel-docs-tableofcontents-nav {
    background: #fafafa;
    border:1px solid #CCC;
    border-radius:  0 4px 4px 4px;
    display: none;
    margin: 0px;
    padding:10px;
    width:500px;
    z-index:9999;
}

#nmel-docs-tableofcontents-nav ul {
    list-style:none;
    margin: 0 0 0 10px;
    padding: 0;
}

#nmel-docs-tableofcontents-nav li  {
    line-height:1.75em;
}

.folder {
    background:url(../images/tableofcontents/folder-icon.gif) 0 3px no-repeat;
    font-weight:900;
    padding-left: 22px;
}

.page {
    background:url(../images/tableofcontents/page-icon.gif) 0 3px no-repeat;
    font-style: italic;
    font-weight:500;
    padding-left: 22px;
}

.content {
    overflow:visible;
}

#primary_aside {
    z-index: 1;
}

/* Indoc Navigation - We Currently Do Not Use 
================================================== */
#indoc {
    background: #ebebeb;
    border: 0px solid #800000;
    border-radius: 5px; 
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
    display: block;
    font-size: 0.9em;
    margin-bottom:25px;
    overflow:hidden;
    padding:12px 10px 0px 10px;
}

.previous {
    background:url(../images/indoc/previous.gif) left no-repeat;
    display: block;
    float:left;
    margin-right:10px;
    padding-left:12px;
    text-align:left;
    width:21%;
}

.up {
    background:url(../images/indoc/up.gif) right  no-repeat;
    display: block;
    float:left;
    margin-right:10px;
    padding-right:12px;
    text-align:right;
    width:21%;
}

.top {
    display: block;
    float:left;
    text-align:left;
    width:21%;
    background:url(../images/indoc/top.gif) left no-repeat;
    padding-left:12px;
    padding-right:10px;
    margin-right:10px;
}

/* .middle {
    margin-left:100px;
    background: #000000;
}*/

.next {
   display: block;
    float:right;
    width:22%;
    text-align:right;
    background:url(../images/indoc/next.gif) right no-repeat;
    padding-right:12px;
}

/* JQuery Accordion Styles */

h3.test {
    background:url(../images/open-icon.gif) left no-repeat;
    padding-left: 25px;
    padding-top:5px;
}

p.test {background:#ccccccc;}

.accordionButton {  
    background: #FFFFFF;
    border-bottom: 0px solid #999;
    cursor: pointer;
    float: left;
}

.accordionContent { 
    background: #FFFFFF;
    float: left;
    padding: 20px 10px 20px 10px;
}
    
.on {background: #ffffff;}
    
.on h3.test {background:url(../images/close-icon.gif) left no-repeat;}
    
.on p.test {background:#c10037;}
    
.over {
    background: #ffffff;
    color: #cccccc;
}
    
.step {
    clear: both; 
    margin-bottom:10px;
    overflow: auto; 
}

/* Homepage Feature 
================================================== */
#featurex {
        background-color: #ddd; margin: 0 -20px 20px -20px; padding: 20px; overflow: auto;
    background: #fcfff4; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
    background: radial-gradient(75% 50%, ellipse cover, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    font-size:1.2em;
    margin-bottom: 1em;
}

#featurex h1 {
    margin-top:20px;
}

.featurex-img {
    float:left; 
    margin-right:20px;
}


/* Homepage Button Fix 
================================================== */
a.button, a.button:visited {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    height: auto;
    line-height: 1em;
    padding: 5px 10px 8px;
    text-decoration: none;
}

/* Homepage Book Buttons that are located under Feature 
================================================== */
#social-container {
    float: left;
    margin-bottom:20px;
}

.social, .social-last {
    border: 1px solid #CCC;
    border-image: initial;
    border-radius: 5px;
    box-shadow: 0 0 5px 3px #ddd;
    box-sizing:border-box;
        -moz-box-sizing:border-box; /* Firefox */
        -webkit-box-sizing:border-box; /* Safari */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    float: left;
    height: 140px;
    margin-bottom: 20px;
    padding: 10px;
    width: 293px;
}

.social {margin-right: 20px;}

.social-last {margin-right: 0px;}

.social:hover, .social-last:hover {
    background-color: #F9F9F9;
    box-shadow: 0 0 5px 3px #c10037;
}

.social h2, .social-last h2 {
    font-size:18px; 
    line-height:1em;
    margin:0;
    padding:22px 0 0 0;
    text-shadow: 1px 1px 1px #ccc; 
}

.social h2 a, .social h2 a:visited, .social-last h2 a, .social-last h2 a:visited {
    color:#c10037;
    text-decoration:none; 
}

.social p, .social-last p {clear:left;}