/*
  <copyright file="site-s.css" company="Microsoft">
    Copyright (C) Microsoft. All rights reserved.
  </copyright>
*/

.navi-bar.ramjsfx-menu-root > li {
    float: none;
}

.navi-bar.ramjsfx-menu-root ul {
    position: static;
}

.navigation-bar {
    position: static;
}

/* footer contents*/
.footer-content {
    border: none;
    width: auto;
    padding: 0 14px;
}
.footer {
    width: 100%;
    line-height: 30px;
}
#ViewSwitch, #BrandingFooter {
    display: block;
    float: none;
}

/* user status */
#UserStatusHeaderSpan {
    display: none;
}
#UserStatusFooterSpan {
    display: block;
}
#UserStatusFooterSpan.user-status-span a.user-name {
    color: #000;
}
#UserStatusFooterSpan ul, #UserStatusFooterSpan li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#UserStatusFooterSpan .user-name {
    font-size: 150%;
}

/* settings */
#settings {
    display: none;
}

.fill-div-in-cell > div {
    position: static;
}

.fill-div-in-cell {
    height: auto;
}

/* mobile search box*/
.mobile-search-box-container .search-box-container {
    list-style: none;
    margin: 0;
}

.mobile-search-box-container .search-box {
    position: relative;
    width: 100%;
}
.mobile-search-box-container .search-txt-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 30px;
}
.IE .search-box .search-txt-container {
    right: 0;
}
.mobile-search-box-container .clear-txt-container {
    position: absolute;
    right:0;
    top: 0;
}
.mobile-search-box-container .search-box .search-txt {
    width: 100%;
}

html, body, form {
    min-width: 320px;
    max-width: 600px;
    overflow-y: hidden;
    margin: 0 auto;
}

form {
    overflow: hidden;
}

.breadcrumb .move-left,
.breadcrumb .move-right {
    width: 25px;
}

.breadcrumb.has-more-in-left {
    padding-left: 25px;
}
.breadcrumb.has-more-in-right {
    padding-right: 25px;
}

.navi-bar li {
     background-color: #003DA5 !important;
}
.navi-bar a {
    color: white !important;
    text-decoration: none;
}
.navi-bar a:hover,
.navi-bar a:focus {
    color:  #15A4E0 !important;
    text-decoration: none;
}

#MainArea {
    table-layout: fixed;
}