@charset "utf-8"; /* Universal header and footer settings*/ #usptoGlobalHeader { font-family: "Segoe UI", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #444; background-color: #fff; border-top: 4px solid #7F1B10; } #usptoAppFooter { font-family: "Segoe UI", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #444; background-color: #fff; } #usptoGlobalHeader a, #usptoAppFooter a { text-decoration: none; } #usptoGlobalHeader a:focus, #usptoAppFooter a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #usptoGlobalHeader .uspto-header-top a:hover { text-decoration: underline; } .uspto-header-top img { margin-left: 12px; margin-top: 3px; height: 30px; } .uspto-header-top a.uspto-logo { background: transparent url('../image/logo.png') no-repeat left center; background-size: contain; width:400px; height: 48px; display: inline-block; margin-left: 12px; margin-top: 12px; margin-bottom: 12px; float: left; -ms-interpolation-mode: bicubic; } .faq_uspto-logo{ margin-top: 6px; margin-bottom: 6px; } /* header top */ .uspto-header-top .container { background-color: #323232; height: 49px; width: 918px; } #uspto-header-links span { display: inline-block; margin-top: 16px; font-size: 13px; font-weight: normal; } #uspto-header-links span a { color: rgb(666, 666, 666); margin: 5px 15px 0 10px; } .uspto-header-middle .container { background-color: #ebebeb; font-size: 32px; font-family: 'Segoe UI'; width: 918px; } .uspto-header-middle .container span { margin-left:10px; display: inline-block; padding-bottom: 3px; } .uspto-header-bottom .container{ background-color: #ebebeb; padding-left:0; width: 918px; border-top: 1px solid #C1C1AF; } .uspto-header-bottom .navbar {min-height: 30px;} .uspto-header-bottom .nav > li > a { color:#fff; padding: 6px 15px 6px 12px; font-size:14px;font-family:'Segoe UI'; } .uspto-header-bottom .nav > li.active {background-color: #598ABB; color:#fff;} .uspto-header-bottom .nav > li.active > a {color:#fff;} .uspto-header-bottom .nav > li > a:hover, .uspto-header-bottom .nav > li > a:focus { text-decoration: none; background-color: #598ABB; color:#fff; } .uspto-header-bottom .navbar-nav .open .dropdown-menu { background-color: #fff; } .uspto-header-bottom .nav .open>a, .uspto-header-bottom .nav .open>a:hover, .uspto-header-bottom .nav .open>a:focus { background-color: #598ABB; } #usptoAppFooter { background-color: #363636; position: relative; padding-top: 1.4em; padding-bottom: 1em; margin-top: 18px; font-size: 13px; } .uspto-footer-logo a.logo { background: transparent url('../image/logo-small.png') no-repeat left center; height: 57px; display: block; } .uspto-footer-watermark { background: url('../image/logo-watermark.png') no-repeat left top; background-size: contain; position: absolute; z-index: 0; top: 0; right: 0; height: 157px; width: 157px; } .uspto-footer-middle .uspto-footer-column.col-sm-3 h2 { display: none; } .uspto-footer-middle .uspto-footer-column h2 { font-size: 12px; line-height: 1.2em; margin-top: 2.2em; color: #fff; text-transform: uppercase; font-weight: bold; } .uspto-footer-middle .uspto-footer-column ul { list-style-type: none; padding: 0px; margin-top: 0; } .uspto-footer-middle .uspto-footer-column ul li { padding-top: 0.61em; } .uspto-footer-middle .uspto-footer-column ul li a { color: #4ec5f1; } .uspto-footer-middle button.navbar-toggle { text-align: left; color: #fff; width: 100%; text-transform: uppercase; } .uspto-footer-middle button.navbar-toggle i { float: right; } #mainArea .container .row { margin-left: 5px; margin-right: 15px; } @media (min-width: 768px) { .uspto-footer-middle .uspto-footer-column.col-sm-3.navbar-collapse { width: 23%; padding-left: 1%; padding-right:1%; } .uspto-footer-middle .uspto-footer-column.col-sm-3 h2 { display: block; } .uspto-footer-logo a.logo { background: transparent url('../image/logo.png') no-repeat left center; height: 62px; display: block; } .uspto-footer-watermark { background: url('../image/logo-watermark.png') no-repeat left top; background-size: contain; position: absolute; z-index: 0; top: 0; right: 0; height: 157px; width: 157px; } } /* correction for IE10+ auto-hide scrollbar */ @-ms-viewport{ width: auto !important; } .uspto-header-bottom .navbar {min-height: 30px;} .uspto-header-bottom .nav > li > a { color:#fff; padding: 6px 15px 6px 12px; font-size:14px;font-family:'Segoe UI'; } .uspto-header-bottom .nav > li.active {background-color: #598ABB; color:#fff;} .uspto-header-bottom .nav > li.active > a {color:#fff;} .uspto-header-bottom .nav > li > a:hover, .uspto-header-bottom .nav > li > a:focus { text-decoration: none; background-color: #598ABB; color:#fff; } .uspto-header-bottom .navbar-nav .open .dropdown-menu { background-color: #fff; } .uspto-header-bottom .nav .open>a, .uspto-header-bottom .nav .open>a:hover, .uspto-header-bottom .nav .open>a:focus { background-color: #598ABB; } #uspto_dropdown_nav { height:24px } #uspto_dropdown_nav ul { width: 800px; list-style:none; position:relative; float:left; margin:0; padding:0 } #uspto_dropdown_nav ul li { width:125px; position:relative; float:left; text-align: center; margin:0; padding:10; border-right: 1px solid #C1C1AF; } #uspto_dropdown_nav ul li.learning_resource_menu { width:235px; } #uspto_dropdown_nav ul a { display:block; text-decoration:none; line-height:32px; padding:5px; color: #1596D1; font-family: 'Segoe UI', Helvetica, Tahoma, Arial, sans-serif; font-size: 19px; font-weight: bold; } #uspto_dropdown_nav ul li:hover { background:#f6f6f6; } #uspto_dropdown_nav ul ul { display:none; position:absolute; top:100%; left:0; background:#f6f6f6; padding:0 } #uspto_dropdown_nav ul li ul { width: 950px; display:none; position:absolute; background:#f6f6f6; z-index: 1000; } #uspto_dropdown_nav ul ul li { float:none; width:200px } #uspto_dropdown_nav ul ul a { line-height:100%; font-size: 12px; font-weight: bold; padding:10px 15px } #uspto_dropdown_nav ul ul ul { top:0; left:100% } #uspto_dropdown_nav ul li:hover > ul { display:block; text-decoration: none; } #uspto_dropdown_nav ul li:hover > a { color:#256725; text-decoration: underline; } #uspto_dropdown_nav ul li ul li{ position:relative; float:left; text-align: left; } #uspto_dropdown_nav ul ul a:hover { text-decoration: underline; } .childmenu_title{ text-align: center; color:#555; font-weight: bold; font-size: 11px; font-family: 'Segoe UI', Helvetica, Tahoma, Arial, sans-serif; } #uspto_dropdown_nav .tool_and_links_title{ text-align: left; margin-bottom: 10px; } #uspto_dropdown_nav ul li.tool_and_links{ border: none; width : 300px } #uspto_dropdown_nav ul li.noborder{ border: none; } #uspto_dropdown_nav .tool_and_links_container{ margin-top : 20px; width : 275px; height : 180px; display : block; padding : 5px; border : 1px solid #C1C1AF; background-color: #fff; } #uspto_dropdown_nav ul li ul.tool_and_links_options{ display:block; } #uspto_dropdown_nav .tool_and_links_section{ position:relative; width : 270px; height : 40px; } #uspto_dropdown_nav .tool_and_links_section > a , #uspto_dropdown_nav .tool_and_links_section > p{ position:relative; float:left; width : 130px; height : 40px; padding: 0px; }