@charset "utf-8";
/* Universal  header and footer settings*/

#usptoGlobalHeader, #usptoAppFooter {
	font-family: "Segoe UI",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #444;
    background-color: #fff;
}

#usptoGlobalHeader button, #usptoGlobalHeader input[type="button"], #usptoGlobalHeader input[type="reset"], #usptoGlobalHeader input[type="submit"], 
#usptoAppFooter button, #usptoAppFooter input[type="button"], #usptoAppFooter input[type="reset"], #usptoAppFooter input[type="submit"] {
	cursor: pointer;
}

#usptoGlobalHeader {
    background: url('../images/back-sketch.png') no-repeat left top;
    background-size: 100% auto;
}

#usptoGlobalHeader a, #usptoAppFooter a {
    text-decoration: none;
}


#usptoGlobalHeader ul, #usptoAppFooter li {
	font-family: "Segoe UI",  "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}
#usptoGlobalHeader a:focus, #usptoAppFooter a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* header */
.uspto-header-top {
    position: relative;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2M0MjI6AwACmAFkulYwywAAAABJRU5ErkJggg==) repeat left top;
}

#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('../images/logo-micro.png') no-repeat left center;
	background-size: contain;
    width: 78px;
    height: 27px;
	display: inline-block;
	margin-left: 12px;
	margin-top: 12px;
	float: left;
    -ms-interpolation-mode: bicubic;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .uspto-header-top a.uspto-logo {
    background: transparent url('../images/retina/logo-micro.png') no-repeat left center;
    background-size: contain;
    width: 78px;
    height: 27px;
  }
}

/* header top */
.uspto-header-top .container, .uspto-header-top .container-fluid { 
    background-color: #323232; 
    height: 49px;
}
#uspto-header-links span { 
    display: inline-block; 
    margin-top: 16px; 
    font-size: 13px;
}
#uspto-header-links span a { 
    color: rgb(204, 204, 204);
    margin: 5px 15px 0 10px;
}

/* header middle */
.uspto-header-middle {
    position: relative;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2O8fPlyPQAH9AL6fQWI/wAAAABJRU5ErkJggg==) repeat left top;
}
.uspto-header-middle .container, .uspto-header-middle .container-fluid { 
    background-color: #ebebeb; 
    font-size: 32px; 
    font-family: "Segoe UI",  "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.uspto-header-middle .container span, .uspto-header-middle .container-fluid span { 
    margin-left:10px; 
    display: inline-block;
    padding-bottom: 3px; 
}

/* header bottom */
.uspto-header-bottom {
    position: relative;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8xNy8xNebzKToAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAADUlEQVQImWNg8JneAAAClwFkrQc39QAAAABJRU5ErkJggg==) repeat left top;
}

.uspto-header-bottom .container, .uspto-header-bottom .container-fluid { background-color:#004C97; padding-left:0;}
.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",  "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.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;
}

#mainArea .container-fluid {
	margin-left: 15px;
	margin-right: 15px;
}

#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('../images/logo-small.png') no-repeat left center;
	height: 57px;
	display: block;
}

.uspto-footer-watermark {
	background: url('../images/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, .uspto-footer-middle button.navbar-toggle span {
	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('../images/logo.png') no-repeat left center;
		height: 62px;
		display: block;
	}

	.uspto-footer-watermark {
		background: url('../images/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; }