/** UCSF CSS */

body {


background-color:#FFF;
background-repeat: repeat-x;
background-size: auto auto;
font-family:'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
font-size:16px;
line-height:16px;
font-kerning: auto;
text-rendering:optimizelegibility;
color: rgb(103,102,97);


}






body a {
	color:rgb(0, 113, 173);
	text-decoration:none;
	background:none;
}

body a:hover, body a:hover label.filters-label , body a:hover label.inventor-label {
	text-decoration:none;
    color:#052049;
	background:none;

}
body a:hover i.demo-icon {
	text-decoration:none;

}
body a:focus {
	color:rgb(110, 164, 0); 
	text-decoration:underline;

}

.middle-content-sub-block {
    padding-top:10px;

}
.dropdown-menu .active a {
	color:#1F67AB;
	text-decoration:none;
	background:none;
}

.dropdown-menu .active a:hover{
	color:#444;
	text-decoration:underline;
	background:none;
}

.dropdown-menu .active a:focus {
	color:#444;
	text-decoration:none;

}

body h3, #lblHeading, .tech-heading-main, .tech-headings{

        font-weight: normal;
    font-size: 33px;
    line-height: 1.1;
    font-family: "Granjon",Garamond,serif;
    border-bottom:0px;

}

h1.tech-heading{
    border-bottom:0px;

}
/****** COMPONENTS *****/

.icon-quickstart{
	color: #FF6600;
}
.icon-online-licensing{
	color: #7DAF38;
}
i.icon-info-circled {
float:none;
font-size:1em;
}
.btn, button.btn {
font-weight:700; 
color: #FFF;
display:inline-block;text-align:center;background-color:rgb(0, 113, 173);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;*margin-left:.3em;

border:none;
box-shadow:none;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
letter-spacing:1.2px;
line-height:19px;
text-transform:uppercase;

}


.btn:first-child{*margin-left:0; 
border:none;
box-shadow:none;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
letter-spacing:1.2px;
line-height:19px;
text-transform:uppercase;
}

.btn:hover, .btn:focus {
font-weight:700; 
color:#FFF;text-decoration:none;background-color:rgb(93, 175, 219);
font-size:14px;
-webkit-transition:background-position 0.1s linear;
-moz-transition:background-position 0.1s linear;
-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;
border-radius:4px;
border:none;

}
.btn-group.dropdown-button a.dropdown-toggle, .btn-group.dropdown-button a.dropdown-toggle:hover, .btn-group.dropdown-button a.dropdown-toggle:focus {
    border-top:0px;
    color:#000;

}


.form-control {
border-radius:5px;
}

.form-control:focus {
    border-color: #052049;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(11,74,103,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(11,74,103,.6);


}

.PrintSearchInfo {
border-color:#052049;
background:rgba(0,0,0,0.05);

}

/******** HEADER ********/
header {
background:none;
background-color:transparent;
background-image:none;	
	
}


@media only screen and (min-width:1025px) {
	.logo {
		height: 61px;
		margin-left: 10px;
        margin-top:30px;
        margin-bottom:30px;
	}

}

@media only screen and (max-width:1024px) {
div#dataToggle {
   
    right: 0px;
    height: 34px;
background:rgba(255,255,255,0.7);

}

	.logo {
		height: 61px;
		margin-left: 10px;
        margin-top:30px;
        margin-bottom:30px;
	}

}


@media only screen and (max-width: 800px) {
	.logo {
		height: 55px;
		margin-left: 10px;
	}

}

@media only screen and (max-width: 640px) {
	.logo {
		height: 55px;
		margin-left: 10px;
	}
	
}
@media only screen and (max-width: 580px) {
	.logo {
		margin-top: 0.35em;
		height: 55px;
	}
}
@media only screen and (max-width: 480px) {
	.logo {
		margin-top: 0.35em;
		height: 55px;
	}

}
@media only screen and (max-width: 420px) {
	.logo {
		height: 40px;
		/* margin-left: -0.250em;*/
	}
}
@media only screen and (max-width: 320px) {

	.logo {
		height: 35px;
	}
}






.nav.navbar-nav {
padding-left:0px;
padding-right:0px;
}

.navbar-nav li a {
font-weight:bold;
color:rgb(10,10,10);
text-decoration:none;
padding-top:0.5em;
padding-bottom:0.5em;

}


.navbar-nav li a:hover {
color:rgb(30,115,190);
font-weight:bold;
}

/***************NAV BAR HEADER ******************/

.navbar-default .navbar-nav li a {

font-weight:bold;
color:#052049;
text-decoration:none;
padding-top:0.5em;
padding-bottom:0.5em;
text-transform:uppercase;
font-size:0.9em;

}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
text-decoration:underline; 

} 

.small-fixed-header {
    background:none;

}

.navbar-default .navbar-nav li a {
    font-size: 16px;
    line-height: 35px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

}
  .navbar-default .navbar-nav li:hover,   .navbar-default .navbar-nav li:focus {
        border-bottom:3px #052049 solid;
        text-decoration:none;
    }
  .navbar-default .navbar-nav li:hover a,   .navbar-default .navbar-nav li:focus a {
   text-decoration:none;
    }
/********* STICKY HEADER LAYOUT_NCD OVERRIDES ****/

.sticky-header {
z-index:89999991;
}
.sticky-header  {
background:#FFF;
border-bottom:1px solid rgb(110, 164, 0);


}
.sticky-header .container-fluid li.active {
border-top:1px solid rgb(110, 164, 0) ;
border-right:1px solid rgb(110, 164, 0) ;
border-left:1px solid rgb(110, 164, 0) ;
}

.sticky-header.sticky-bar[style="position: fixed;"]  {
background:#052049;
border-bottom:4px solid rgb(110, 164, 0) ;
}
.sticky-header.sticky-bar[style="position: fixed;"]  .container-fluid {
background:none;
}
.sticky-header .container-fluid  a {
color:#333;
}

.sticky-header.sticky-bar[style="position: fixed;"]  .container-fluid li.active {
border-bottom:4px solid rgb(110, 164, 0) ;
border-radius:0px;
}

.sticky-header.sticky-bar[style="position: fixed;"]  .container-fluid li a {
color:#FFF;
}

.sticky-header.sticky-bar[style="position: fixed;"]  .container-fluid li:hover a, 
.sticky-header.sticky-bar[style="position: fixed;"]  .container-fluid li a:focus {
color:#FFB511;
}

.sticky-menu-bar ul  {
}

.sticky-menu-bar ul li {

}
.sticky-menu-bar ul li:hover a span, .sticky-menu-bar ul li a:focus span{
}

.sticky-menu-bar ul li:hover a , .sticky-menu-bar ul li a:focus {
color:#052049;
}


.sticky-header.sticky-bar[style="position: fixed;"]  .container-fluid li#request-info-icon {
border-bottom:4px solid #aaa ;

}


.sticky-menu-bar ul li#request-info-icon {
background:rgb(110, 164, 0);
}

.sticky-menu-bar ul li#request-info-icon a {
color:#FFFFFF;
}

.sticky-menu-bar ul li#request-info-icon:hover, .sticky-menu-bar ul li#request-info-icon:focus {
background:#052049;
}





@media only screen and (max-width:1024px) {
.sticky-header {
    background: #CCC none repeat scroll 0% 0%;
}

.sticky-header .container-fluid {
padding-right:10px;
padding-left:10px;
background:none;
}

.sticky-header .container-fluid li.active {
border-radius:0px;

}
}


/****** SEARCH BOX *****/
a#advanceSearch, div.filters-count a {
color: #0B4A67;
text-decoration:none;
}

.category-filter-background>div{
background-color:  #0B4A67;
border-radius:6px;
}
.category-filter-background>div a, .filters-label.filter-active,  .category-filter-background>div a:hover {
color:#FFF;
text-decoration:none;
}


.category-filter, .filters-count {
border-radius:6px;
}

/********* MODAL FILTER *******/
.categories-group .categories-list {

border:none;
}
.modal-dialog, .modal-content {
border-radius:5px;
}


/****** FILTER + BROWSE BY CATEGORY ******/

.browse-category-right-panel h2 {
font-size:1em;
text-transform:uppercase;
}
.categories-group {
    background-color:rgb(237, 237, 237);
    border-top:15px solid rgb(110, 164, 0);

color:rgb(0,0,0);
font-size:1.2em;
}
/* .modal-content */ .categories-group ul, .categories-group ul.categories-list li {
background:none;
}

/* .modal-content */ .categories-group ul.sub-categories, .categories-group ul.category-header {
border-bottom:1px solid rgb(221,221,219);
}


/*.modal-content */ ul.category-header li:hover {
background: rgba(217,237,247,0.8);
}

/*.modal-content*/ ul.sub-categories li, .categories-group ul.categories-list ul.sub-categories li  {
background:rgba(255,255,255,0.5);

}

.modal-content  ul.sub-categories li:hover,  .categories-group ul.categories-list ul.sub-categories li:hover {
background:rgba(217,237,247,0.35);
}

/*DEFERRED
.modal-content ul.sub-categories li  a label::before {
content:'\e838';
}
*/
.modal-content ul.sub-categories li a label,  .categories-group ul.categories-list ul.sub-categories li label{

font-weight:400;
}

.categories-list .technology-row .sub-categories li.sub-cat-active {
background-color: rgb(217,237,247);
}


/******* CONTENT ******/

h1 {

font-family: Lato;
    line-height: 40px;
    font-weight: 400;
    font-style: normal;
    font-size: 38px;
color:#333;

border-bottom: solid 1px rgba(0,0,0,.05);
}

.content-blocks {

box-shadow:none;
webkit-box-shadow:none;
moz-box-shadow:none;
}

.middle-content,.wrapper {
	background:transparent;
}

.middle-content {

margin-bottom:1.8em;
font-size:1em;
}

.tech-link {

line-height:21px;

}


.qs-ol-keynote {
	background-color: (255,255,255,0.5);
}

.error-block-img{
	float: left;
  	background: url('../Images/Redesign_Images/searchresults_error_message.png') no-repeat;
  	width: 21px;
  	height: 21px;
  	border-radius: 27px;
  	background-size: 100%;
  	/*margin-right: 0.7em;*/
  	margin-top: -0.25em;
}
.error-blocks{   /*20161211 v3.2*/
  background:#052049;

}






/****** TABLES ****/



.table .table-headers {
color: rgb(0,0,0);
border-top:rgb(110, 164, 0) solid 5px;
background:rgb(237, 237, 237);

text-shadow:none;

}
.ncd-sub-right-panel  {
color: rgb(0,0,0);
border-top:rgb(110, 164, 0) solid 14px;
background:rgb(237, 237, 237);

text-shadow:none;

}

table tr:first-of-type th, table tr:first-of-type td {
color: rgb(68, 68, 68);
background-color:rgb(217,237,247);
text-shadow:none;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
font-weight:bold;
}
table tr td {
padding:5px;
}

.uc-recent-technologies-table .table-body .table-row.even{
	background:rgb(243,243,243);
}

.uc-recent-technologies-table .table-body .table-row.odd{
	background:rgb(255,255,255);
}


.results-page ul.dropdown-menu {
left:-15px;
}


.results-page ul.dropdown-menu li {
background-color:rgba(244,244,244,0.7);
color: rgb(68,68,68);
}
.results-page ul.dropdown-menu li.active {
background-color: rgb(237, 237, 237);
color:rgb(110, 164, 0);
}
.results-page ul.dropdown-menu li a {
color: rgb(68,68,68);
}
.results-page ul.dropdown-menu li:hover {
background-color:rgba(110, 164, 0, 0.5);
}



.pagination-block{
	background:rgba(90, 89, 85,0.05);
border-bottom: 1px solid rgb(90, 89, 85);
}


/********** FOOTER **********/
footer {
background-color: #052049;
margin-bottom:30px;
height:auto;
line-height:2;
font-size:1em;
color:#FFF;
}
.address p, .footer-link > a {
line-height:2;
color:#FFF;
}


footer a{
color:#FFF;
margin-right:5px;
}
footer a i{
margin-right:5px;
}
footer a:hover, footer a:focus{
color:#CCC;
}






footer .footer-link#copyright {
float:right;
}
@media only screen and (max-width: 768px) {

footer .footer-link#copyright {
float:left;
}
}

/******** SD ONLY *******/
#header > section.container-fluid.pre-header {
    display:none;
}


#header > section.container-fluid.pre-header-top {
background-color:#052049;
padding:5px 0px 5px 0px;
box-sizing:content-box;
height:36px;
text-align:center;
width:100%;
max-width:none;
line-height:36px;
}
    #header > section.container-fluid.pre-header-top ul.menu li {
        float: right;
        padding:0px 20px;
    }
    #header > section.container-fluid.pre-header-top  ul.menu li.first {
        float: left;
          padding:0px 0px;
    }
#header > section.container-fluid.pre-header-top  ul.menu li.first a {
        padding-left: 0;
}

    #header > section.container-fluid.pre-header-top  ul.menu li a {
        color: #FFF;
        text-decoration:none;
    }

    #header > section.container-fluid.pre-header-top  ul.menu li a:hover,  #header > section.container-fluid.pre-header-top  ul.menu li a:focus {
        color: #FFF;
        text-decoration:underline;
    }

ul#campus-links li {

border-right:1px solid #FFF;

}

ul#campus-links li a  {
box-sizing:content-box;
padding:5px 10px 5px 10px;
color:#FFF;
font-weight:400;
font-size:13px;
line-height:15px;

}



ul#campus-links li:first-of-type a {
padding-left:50px;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url('../../images/sf/logo-ucsf-small.png');
background-origin: padding-box;
background-size: auto;
background-repeat:no-repeat;
}

ul#campus-links li a:hover, ul#campus-links li a:focus {
background-color: rgba(255,255,255,0.2);
text-decoration:underline;
}

 
@media only screen and (max-width: 1024px)
{
#header > section.container-fluid.pre-header, #header > section.container-fluid.pre-header-top {
display:none !important;
}
header .header-wrapper {
/*border-top:5px solid rgb(102,102,102);*/
}

}

.search-subcat-no-tech, .search-cat-no-tech {
color:#666;
}