/*
  * Styling for main navigation elements
  * Utility Navigation, Top Navigation, Left Nav, Audience Guides, Breadcrumbs, Footer Nav
  */

/* Utility Navigation
/*-------------------------------------------------------------------------------*/

#utility-navigation {
    float: right;
    left: auto;
    margin-right: 0;
    position: relative;
    z-index: 999; 
}

.utility-nav-top-level {
    font-size:.9em;
    position:relative;
    float:left;
    margin-right:6px;
    text-align:right;
}

a.utility-nav-top-level-link{
    display:block;
    color:#b8bcd6;
    padding:14px 7px 7px 20px;
    background-image:url(http://www.emory.edu/home/_includes/images/system/arrow-light.gif);
    background-repeat:no-repeat;
    background-position:7px 16px;
    position:relative;
    overflow:visible;
    text-transform:uppercase;
}

a.utility-nav-top-level-link:hover, a.utility-nav-top-level-link.active, .utility-nav-search-always-open a.utility-nav-top-level-link {
    color:#fff;
    background-image:url(http://www.emory.edu/home/_includes/images/system/arrow-light-down.gif);
    background-repeat:no-repeat;
    background-color:#2d58ab;
    text-decoration:none;
}

.utility-nav-flyOut {
    position:absolute;
    z-index:1000;
    top:31px;
    right:0px;
    width:452px;
    height:195px;
    color:#fff;
    padding:20px 0px 20px 16px;
    background-color:#264b91;
    display:none;
    text-align:left;
    background-image:url(http://www.emory.edu/home/_includes/images/system/call-out-bg.jpg);
    background-repeat:no-repeat;
    background-position:top;
}

.utility-nav-flyOut.utility-nav-flyOutSingle {
    width: 226px;
    background-image: url(http://www.emory.edu/home/_includes/images/utilNavSingleColumn.jpg);
    background-repeat: repeat-x;
}

.utility-nav-flyOut div.col {
    float:left;
    width:190px;
}

.utility-nav-flyOut div.col1 {margin-right:29px;}

.utility-nav-flyOut h4 {font-size:1em;float:left;text-transform:uppercase;margin:0px 0px 11px 0px;width:190px;}

.utility-nav-flyOut ul {float:left;clear:left;margin:0px 0px 38px 0px;width:190px;}

.utility-nav-flyOut ul li {list-style-type:disc;margin:0px 0px 6px 15px;padding:0px;}

.utility-nav-flyOut ul li a {background:none;color:#fff;padding:0px 0px 2px 0px;text-decoration:none;}

.utility-nav-flyOut ul li a:hover {background:none;text-decoration:underline;}


/* Utility Navigation Search - Three styles (On Page, Normal Menu, Always Open) */
/* All */
.utility-nav-flyOut-search input { 
    vertical-align: top; 
    padding: 3px;
    border: 0;
    color: #605E52;
    text-align: left;
    font-size: .9em;
}

.utility-nav-flyOut-search input.searchBtn, .utility-nav-flyOut-search input.searchInput {vertical-align: middle;}

/* On Page*/
.utility-nav-search-on-page {margin-right: 10px; margin-top: 10px;}

.utility-nav-search-on-page a.utility-nav-top-level-link {display:none;}

.utility-nav-search-on-page .utility-nav-flyOut-search{
    width:274px;
    height:50px;
    position:relative;
}

.utility-nav-search-on-page .utility-nav-flyOut-search div { width:100%; height: 20px;}

.utility-nav-search-on-page input.searchInput{ width: 150px; }

.utility-nav-search-on-page input.search-radio {
    margin-right: 5px;
    vertical-align: top;
}
.utility-nav-search-on-page label{color:#B8BCD6;}

.search-two-items.utility-nav-search-choices label {margin-right:5px;}

/* Normal and Always Open */

.utility-nav-search-menu-item, .utility-nav-search-always-open{margin-right: 20px;}

/* Always Open */

/*
ul#utilityNav li.topLevel div.flyOut.searchFlyOut {width:200px;height:80px;padding:10px 0px 0px 16px;text-transform:none;background-color:#264b91;display:none;text-align:left;background-image:url(http://www.emory.edu/template_shared/images/search-callout-bg.jpg);background-repeat:no-repeat;background-position:top;}

div#search { position: relative; height: 80px; width: 200px; }

div#search input { vertical-align: top; }

input.searchInput {position: absolute; right: 9px; bottom: 43px; width:182px; padding: 2px 0px 1px 3px; height: 10px; font-size:.9em; line-height: normal;}

input.searchBtn {position: absolute; right: 7px; bottom: 19px;}

div#search input.search-radio {margin-right:2px;vertical-align: top;}

div#search label {font-size:.9em;vertical-align:top; color:#FFF;}
*/

/* Subject Navigation
/*-------------------------------------------------------------------------------*/

#html5-subject-navigation, .html5-subject-navigation{
    width:100%;
    height:30px;
    display:table;
    border-collapse:collapse;
    table-layout: fixed;
    background-color: #d29000;
}

#subject-navigation, .subject-navigation{
    width:100%;
    height:30px;
    display:table-row;
    border:none;
    background-color: #d29000;
}
    
#subject-navigation a, .subject-navigation a {
    display:table-cell;
    text-align: center;
    background-color: #d29000;
    text-decoration: none;
    border-right: 1px solid #d2b200;
    border-left: 1px solid #d29000;
    color:#FFFFFF;
}
    
#subject-navigation a:hover, .subject-navigation a:hover, #subject-navigation a.active, .subject-navigation a.active{
    background-color: #d2b200;
    border-right: 1px solid #bd9100;
    border-left: 1px solid #bd9100;
}
    
#subject-navigation a.last, .subject-navigation a.last{border-right:none;}
    
.subject-navigation-item-skip {position:absolute !important;left:-9999px !important; display:none !important;}
    
.subject-navigation-item {
    text-align:center;
    z-index:2;
    position:relative;
    height:30px;
    text-shadow: 0 2px 3px #333333;
    font-family: "myriad-pro", arial;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .7px;
    line-height:29px;
}

#subject-navigation a:hover .subject-navigation-item, .subject-navigation a:hover .subject-navigation-item, #subject-navigation a.active .subject-navigation-item, .subject-navigation a.active .subject-navigation-item{
    text-shadow: 0 2px 3px #5F3000;
}

.subject-navigation-item.ie-shadow{
    z-index:1;
    margin-top:-30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=true, ShadowOpacity=0.50)";
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=true, ShadowOpacity=0.50);
    text-shadow: none;
}

#subject-navigation a:hover .subject-navigation-item.ie-shadow,
.subject-navigation a:hover .subject-navigation-item.ie-shadow,
#subject-navigation a.active .subject-navigation-item.ie-shadow,
.subject-navigation a.active .subject-navigation-item.ie-shadow{
    -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#793d00) progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=true, ShadowOpacity=0.50)";
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#793d00) progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=true, ShadowOpacity=0.50);
}

#subject-navigation-after{background-color:#FFFFFF; display: block; height: 1px; clear: both;}

/* Emory Guide */

#html5-guide-link-set{width:100%;height:auto;overflow:hidden;}

.guide-link-header {
    font-family: minion-pro, Georgia, Times, 'Times New Roman', serif;
    font-weight: normal;
    font-size: 1.8em;
    color: #999;
    margin-bottom: 10px;
    padding-left: 10px;
}

#guide-link-set{
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide-link-item{
    font-family: ff-meta-web-pro, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', verdana, sans-serif;
    font-size: 1.2em;
    border-top: 1px dotted #999;
    height: 29px;
    line-height: 29px;
}

.guide-link-item a{
    color: #2D318E;
    text-decoration: none;
    display: block;
    background: url("http://www.emory.edu/home/_includes/images/system/arrow-dark.gif") no-repeat scroll 170px 10px transparent;
    height: 100%;
    padding-left: 10px;
}

.guide-link-item a:hover{
    background-color: #e0e0e0;
}

/* Secondary Navigation
/* ------------------------------------------------------- */
.secondary-nav{padding:16px 0 80px 0;}

.nav-gradient-main{
    background: #FBF8ED;
    background: -moz-linear-gradient(top, #e7dba1 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7dba1), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #e7dba1 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #e7dba1 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #e7dba1 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e7dba1 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7dba1', endColorstr='#ffffff',GradientType=0 );
}

.nav-gradient-secondary{
    background: #7b7b6b;
    background: -moz-linear-gradient(top, #7b7b6b 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b6b), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #7b7b6b 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #7b7b6b 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #7b7b6b 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #7b7b6b 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b6b', endColorstr='#ffffff',GradientType=0 );
}

ul.interior-nav, ul.interior-nav li, ul.interior-nav ul {display:block;}

ul.interior-nav li {
    font-weight:normal;
    font-size: 10px;
    line-height: 1.3em;
}

ul.interior-nav > li {
    font-weight: bold;
    background: url(http://www.emory.edu/home/_includes/images/system/sub-dot.gif) bottom no-repeat;
}

ul.interior-nav li.dotted-line{
    height:1px;
    padding:0;
    margin:0;
    background: url(http://www.emory.edu/home/_includes/images/system/sub-dot.gif) bottom no-repeat;
}

ul.interior-nav li.selected li.dotted-line{display:none;}

ul.interior-nav > li > ul {margin-top:-5px;} 

ul.interior-nav li ul {padding: 0 0 10px 10px;}

ul.interior-nav li ul li {font-weight:normal;}


ul.interior-nav li a{
    padding:5px 0 5px 14px;
    color:#7d610f;
    display:block;
    margin:0;
    height:13px;
    text-decoration:none;
}

ul.interior-nav > li > a {
    padding:10px 0 10px 14px;
}

ul.interior-nav a:hover{
    text-decoration:underline;
    background-color:#e8d585;
    color:#7d610f;
}

ul.interior-nav > li > a:hover{
    background: #e8d585 url(http://www.emory.edu/home/_includes/images/system/sub-dot.gif) bottom no-repeat;
}

ul.interior-nav li.selected {
    font-weight:bold;
    background-color:#e8d585;
    color:#7d610f;
    
}

/* Breadcrumbs
/* ---------------------------------------- */

.breadcrumb-nav{display:block; margin-bottom: 24px;}

.breadcrumb-nav-element{display: inline;}

/* Responsive Framework for modern browsers and mobile designs */
@media only screen and (min-width: 980px) {
  /* Full Site Width and tablets in landscape view */
}

@media only screen and (min-width: 960px) and (max-width:979px){
  /* Full Site Shadow Removed */
}

@media only screen and (min-width: 768px) and (max-width:959px){
  /* iPad in Potrait view ( other 10in tablets, and 7in tablets in landscape view) */
}

@media only screen and (min-width: 600px) and (max-width:767px){
  /* 7in tablets in partrait view ( and large screen phones in landscape view) */
  #subject-navigation a.mobile-only {display: none !important;}
}

@media only screen and (min-width: 480px) and (max-width:599px){
  /* iPhone, iPod touch in portrait view ( and other small screen phone) */
    #subject-navigation, .subject-navigation{
        width: 480px;
    }
    
    .subject-navigation-item {width:240px;}
    
    #subject-navigation a:nth-child(even):not(:last-child){width:239px;}
    
    #subject-navigation a:nth-child(even):not(:last-child){
        border-right: 1px solid #d2b200;
        width:239px;
    }
    
    #subject-navigation a:last-child:nth-child(even) .subject-navigation-item{width:480px;}
    
    
     
}

@media only screen and (min-width: 320px) and (max-width:479px){
  /* iPhone, iPod touch in portrait view ( and other small screen phone) */
    #subject-navigation, .subject-navigation{
        width: 320px;
    }
    .subject-navigation-item {width:160px;}
    #subject-navigation a:nth-child(even):not(:last-child){width:159px;}
    #subject-navigation a:last-child:nth-child(even) .subject-navigation-item{width:320px;}
}

@media only screen and (max-width:319px){
  /* Extra Small Screens */
}

@media only screen and (max-width:767px){
  /* Target Mobile View */
    /* Utility Navigation Styles */
    #utility-navigation{width:100%;}
    .utility-nav-top-level{display: none;}
    .utility-nav-top-level-search{display: block;width:100%; margin-right:0 !important;}
    .utility-nav-flyOut-search{width:100% !important}
    .utility-nav-search-choices{display:none;}
    .utility-nav-search-bar{text-align:center;}
    .utility-nav-flyOut-search{width:100%}
    #html5-utility-navigation{
        overflow: hidden;
        position: absolute;
        bottom: 0;
        width:100%;
    }
    
    /* Subject navigation */
    .subject-navigation-item.ie-shadow{display: none;}
    
    /* Second Nav */
    
    .secondary-nav{
        padding:0;
        background: none;
    }
    
    ul.interior-nav > .dotted-line { display:none; }
    
    ul.interior-nav li a { text-align: center; padding:15px; }
    
    .breadcrumb-nav {margin-top:10px;margin-left:10px;}
    
}

@media only screen and (min-width: 768px){
  /* Target Desktop View */
}

@media only screen and (max-width:599px){
  /* Target Small Mobile Views Only */
  
    #html5-subject-navigation, .html5-subject-navigation{
        width:100%;
        height:auto;
        display:block;
        overflow:hidden;
    }

    #subject-navigation, .subject-navigation{
        height:auto;
        display:block;
    }
    
    #subject-navigation a {
        display:block;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #d2b200;
        float:left;
    }
    
    #subject-navigation a:nth-child(even):not(:last-child){
        border-right: 1px solid #d2b200;
    }
    
    #subject-navigation a:hover, #subject-navigation a.active{
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #bd9100;
    }
    
    .subject-navigation-item {
        height:40px;
        font-size: 14px;
        letter-spacing: .75px;
        line-height:39px;
    }
    
    #subject-navigation a.mobile-only {background-color:#e4e7f0;color:#163b84;border-bottom:none;}
    
    #subject-navigation a.mobile-only:hover {background-color:#6384c7;color#ffffff;border-bottom:none;}
    
    #subject-navigation a.mobile-only:hover .subject-navigation-item {text-shadow: 0 2px 3px #333333;}
    
    .breadcrumb-nav {margin-top:10px;}
    
    .breadcrumb-nav-element {display:block; line-height:18px;}
    
}