#orbit-bar { margin-bottom: 0; position:fixed; width:100%; z-index: 99; top: 0; left: 0; } #orbit-bar .navbar-inner { min-height: 28px; height: 28px; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding-top: 2px; padding-bottom: 1px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset; background-image: -moz-linear-gradient(top, #545b60, #191a1c); background-image: -ms-linear-gradient(top, #545b60, #191a1c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c)); background-image: -webkit-linear-gradient(top, #545b60, #191a1c); background-image: -o-linear-gradient(top, #545b60, #191a1c); background-image: linear-gradient(top, #545b60, #191a1c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545b60', endColorstr='#191a1c', GradientType=0); } #orbit-bar .navbar-search { left: 30px; margin: 0; position: absolute; text-align: right; top: -1px; z-index: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #orbit-bar .nav.pull-right { margin-right: -20px; } #orbit-bar .search-query { padding: 7px 9px 5px; height: 12px; margin-top: 3px; border: none; line-height: 14px; border-radius: 3px; } #orbit-bar .search-query:focus { background-position: 5px 2px; } #orbit-bar .container { width:100%; } #orbit-bar .orbit-logo .brand { background: url(<%= asset_path 'orbit-bar.png' %>) no-repeat -162px -5px; text-indent:-9999px; padding: 5px 20px 4px; } #orbit-bar .orbit-logo .brand:hover { background-color: rgba(0,157,220,1); } #orbit-bar .orbit-logo.open .brand { background-color: rgba(0,157,220,1); } #orbit-bar .orbit-logo .dropdown-menu { left: -15px; } #orbit-bar .orbit-logo .dropdown-menu>li>a:hover>i { background-image: url(<%= asset_path 'icons_pack_white.png' %>); } #orbit-bar .nav > li { height: 28px; } #orbit-bar .nav > li > a:hover { background-color: rgba(0,157,220,1); } #orbit-bar .nav > li > a { background-image: url(<%= asset_path 'orbit-bar.png' %>); background-repeat:no-repeat; display: inline-block; width: 16px; height: 16px; text-indent: -9999px; padding:6px; } #orbit-bar .nav > li.search { overflow: hidden; width: 28px; position: relative; } #orbit-bar .nav > li > a.orbit-bar-home { background-position: -10px -10px; } #orbit-bar .nav > li > a.orbit-bar-desktop { background-position: -106px -9px; } #orbit-bar .nav > li > a.orbit-bar-member { background-position: -4px -37px; } #orbit-bar .nav > li > a.orbit-bar-member { background-position: -10px -43px; } #orbit-bar .nav > li > a.orbit-bar-language { background-position: -42px -42px; } #orbit-bar .nav > li > a.orbit-bar-search { background-position: -75px -10px; overflow: hidden; position: absolute; right: 0; z-index: 1; } #orbit-bar .nav > li.language.open > a.orbit-bar-language { background-color: rgba(0,157,220,1); } .language-menu .active { color: #ffffff; text-decoration: none; background-color: #0088cc; } #orbit-bar .nav > li > a.orbit-bar-account { background-image: none; height: 22px; padding: 3px; text-indent: inherit; min-width: 110px; width: auto !important; text-align: left; color: #FFFFFF; text-shadow: none; background-color: rgba(0, 0, 0, 0.5); } #orbit-bar .nav > li > a.orbit-bar-account:hover { background-color: #08C; } #orbit-bar .nav span.member-name { display: inline-block; line-height: 22px; padding: 0 10px; } #orbit-bar .nav img.member-img { display: inline-block; max-width: 24px; margin-top: -2px; } #orbit-bar .clear { clear: none; } #orbit-bar .account-menu { right: 5px; } #orbit-bar .bar-login { } #orbit-bar .bar-login .open, #orbit-bar .open .orbit-bar-account { background-color: #009DDC; } #orbit-bar .bar-login .dropdown-menu { padding: 0 0 10px; max-width: 260px; } #orbit-bar .bar-login .dropdown-menu .log { margin: 10px 15px 0; list-style: none outside none; } #orbit-bar .bar-login .dropdown-menu .log .title { background: url(<%= asset_path 'sign-in-logo2.png' %>) no-repeat center center; height: 70px; } #orbit-bar .bar-login .dropdown-menu .log form { margin: 0 0 8px; } #orbit-bar .bar-login .dropdown-menu .log input { display: inline-block; margin: 0; } #orbit-bar .bar-login .dropdown-menu .log .span2 { width: 182px; } #orbit-bar .bar-login .dropdown-menu .log .forgot { margin-bottom: 20px; padding: 3px 0 0; float: right; display: inline-block; color: #0088CC; } #orbit-bar .bar-login .dropdown-menu .log .input-prepend { margin-top: 20px; } #orbit-bar .bar-login .dropdown-menu .log .remember { margin-top: 5px; } #orbit-bar .bar-login .dropdown-menu .log .forgot:hover { padding: 3px 0 0; float: right; display: inline-block; color: #005580; text-decoration: underline; background-color: transparent; } #orbit-bar .bar-login .dropdown-menu .log .btn { width: 220px; } #orbit-bar .bar-login .dropdown-menu .log .divider { position:relative; overflow: inherit; margin: 20px 0; } #orbit-bar .bar-login .dropdown-menu .log .divider span { position: absolute; width: 20px; height: 20px; background-color: #FFF; color: #666; top: -9px; left: 100px; font-size: 1.4em; text-align: center; } #orbit-bar .bar-login .dropdown-menu .register { color: #FFFFFF; margin: 0 15px; width: 188px; } #orbit-bar .add-on i { font-size: 12px; }