@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

body { background: none repeat scroll 0 0 #f0f0f0; color: #646464; font-size: 14px; font-family:'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Open Sans, HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif; }

a { color: #f00566; text-decoration: none; }
a:hover { color: #121212; }
.siteBodyContainer { background-color:white; padding-top:16px;padding-bottom:16px; }
.siteBody { max-width:1170px; margin:0 auto; background-color:white; padding:0 15px; }
.content-width { max-width:1170px; margin:0 auto; }

.top-page-nav-layout { background-color:#f8f8f8; }
.top-page-nav { min-height:80px;padding:20px 0; position:relative; }
.site-menu-top-search { padding:6px 0; padding-top:8px; position:absolute; bottom:8px; right:0; top: 40px;}
.site-menu-top-search .container { max-width:1000px; position:relative; }
.top-riboon { background-color:#2574A9; position:relative; }
.federated-search { text-align:right; }
.top-search-box { display:inline-block; border:1px solid #ccc; padding-right:5px; background-color:white; margin-top:6px; }
.top-search-box input[type=text] { border:0; width:220px;transition:none;box-shadow:none; padding:4px 3px; padding-left:6px; }
.topper-items { background-color: #f8f8f8;padding-top: 15px;padding-bottom: 25px; }
.headerItems { position: relative;right: 0;text-align: right; }
.top-items { position:absolute; right:0; top:5px; }
.userinfo-container, .topLinks { display:inline-block; }
.appLink { margin-right:30px; padding:4px 8px; border:2px solid #ccc; border-radius:2px; position:relative; top:2px; }
.userinfo-popover-link { background-color:#666; padding:4px 8px; color:white !important; border-radius:2px; }
.userinfo-popover-link:hover { color:white; }

.mag-navbarmenu { --mag-nav-bg-color:#f00566; --mag-nav-text-color:#eee; --mag-nav-text-hover-color:#fff; }
.menu-line { background-color:#f00566; }

.site-footer { padding:30px 15px; }
.copyright, .poweredby { color: #969696;font-size: 11px; }

@media(max-width:767px) {
    .site-menu-top-search { display:none; }
    .topper-items { min-height: 137px; }
}
    
@media(max-width:470px) {
    .topLinks { margin-bottom: 11px; }
    .top-items { position:relative; text-align:center; }
    .site-footer { padding-left:10px; padding-right:10px; }
}