html, button, input, select, textarea {font-family:'Open Sans','Arial','Helvetica',sans-serif;}
body {padding:8px;}
	#page-layout {text-align:left;margin-left:auto;margin-right:auto;}
	header {overflow:auto;padding:8px 0 12px 0;border-bottom:4px solid #f6843e;}
		#site-branding #copper-alliance-member {margin-left:13px;}
		#site-branding #logo {max-width:96%;}

	#breadcrumbs {margin-left:12px;}

/**
#loading-page {
   background:no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}
*/
/**
#loading-page {
  position: relative;
}

*/




		h1#page-title {float:right;text-align:right;}
	#body-content {width:100%;padding:8px 0;border:none;}

		#search-utilities {text-align:right;margin-bottom:1em;}
			#search-utilities nav ul {list-style-type:none;}
				#search-utilities nav ul li {display:inline-block;padding:2px 6px 2px 10px;background:transparent url("https://www.copper.org/images/ui/utilitynav-divider.png") repeat-y left center;}
				#search-utilities nav ul li:first-child {padding-right:4px;background:none;}
					#search-utilities nav ul li:first-child a {padding-right:16px;}
					#search-utilities nav ul li:last-child a {padding-left:12px;}

		#tertiary-tier-container {width:24%;max-width:274px;padding-right:0;margin-right:21px;letter-spacing:0.05em;}
			#tertiary-tier-container h2#filter-header {margin-top:0;margin-bottom:10px;margin-left:12px;padding-top:0;font-size:160%;font-weight:normal;background-repeat:no-repeat;background-position:66% 7px;color: #646871;}
			#tertiary-tier-container div#accordion.accordion div.panelcontent + h2 {margin-top:10px;}
			#tertiary-tier-container h2:first-child {margin-top:0;}

		#content {overflow:auto;min-width:70%;}

			#primary-content {float:left;width:98%;}

				#primary-content #metadata-filters nav ul {list-style-type:none;padding-left:0;}
					#metadata-filters nav ul li {display:inline-block;margin-right:1em;font-size:80%;}
						#metadata-filters nav ul li:first-child {margin-right:8px;}
				.results {}

					.results h1 {font-weight:normal;font-size:1.8em;margin-top:20px;}



#admin{
  text-align: right;
  vertical-align: top;
}

#head{
  width: 100%;
}
.array-field {
  border: 2px solid #474747;
  background: #FFE9D8;
  padding: 5px;
  margin: 5px;
}

.array-field-list li {
  list-style: circle;
  margin-left: 20px;
}

.parsed_query_header {
  font-family: 'Open Sans',Helvetica, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

.parsed_query {
  font-family: Courier, Courier New, monospaced;
  font-size: 10pt;
  font-weight: normal;
}


.navigators {
  float: left;
  margin: 5px;
  margin-top: 0px;
  width: 185px;
  padding: 5px;
  top: -20px;
  position: relative;
}

.tabs-bar {
  padding: 5px;
  width: 100%;
  border: 1px solid;
  border-width: 0px 0px 1px 0px;
}
.tab {
  font-weight: bold;
  padding: 5px;
  margin: 0px 5px;
  border: 1px solid;
  background-color: #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab:hover {
  background: #FEC293;
}
.tab.selected {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.navigators h2 {
  background: #FEC293;
  padding: 2px 5px;
}

.navigators ul {
  list-style: none;
  margin: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 10px;
}

.navigators ul li {
  color: #999;
  padding: 2px;
}

#saved-alloys-link {background-repeat:no-repeat;background-position:center right;}
#help-link {background-repeat:no-repeat;background-position:center left;}

#survey-container {/*float:right;width:40%;*/border:1px solid #cccccc;padding:4px;margin:44px 0 6px 4px;font-size:90%;}
	#survey-container h2 {margin-top:0;padding-top:0;}

/** jquery-ui widget overrides */
div#accordion, div.accordion {margin-left:10px;}
#accordion ul, .accordion ul {margin-left:2px;padding-left:0;margin-right:2px;}
div#accordion ul li, div.accordion ul li {margin-left:0;line-height:140%;margin-bottom:4px;}
	div#accordion ul li ul {margin-left:18px;}

div#accordion #mechanical-accordion, div#accordion #physical-accordion {margin-left:0;}

div#accordion #casting-panel ul li {display:inline-block;}

#casting-panel.panelcontent .facet-counter {float:none;}

.ui-accordion .ui-widget-content {border:1px solid #d7d3c7;border-top:none;border-bottom-width:8px;height:280px;overflow:auto;resize:vertical;}

div#applicable-specs-panel {padding-bottom:1em;}

div#applicable-specs-panel.panelcontent div div {margin-bottom:6px;}

div#applicable-specs-panel ul li {margin-bottom:1em;}

#applicable-specs-panel input, #applicable-specs-panel select {color:#666666;}

.ui-accordion .ui-widget-content .ui-accordion .ui-widget-content {height:166px;}

.panelcontent {margin-bottom:1em;font-size:90%;color:#666666;}

#metadata-filters a, .panelcontent a {text-decoration:none;}

div#accordion h3, div#accordion h2, div.accordion h3, div.accordion h2 {font-size:0.7em;border:2px solid #d7d3c7 !important;padding:8px 0 8px 20px;font-weight:normal;background-position:96% 14px;color:#646871;}

div.accordion h3 {font-size:90%;}

div#accordion h2[aria-selected=true], div.accordion h2[aria-selected=true] {background-color:#d7d3c7;} /** color:#353432; */

div#accordion h2#applicable-specifications, div.accordion h2#applicable-specifications {font-size:90%;}

.accordion-header-inner-wrapper {padding-left:14px;background-repeat:no-repeat;background-position:2px 50%;}
.accordion-header-inner-wrapper.active {font-weight:800;}

/** override dialog widget */
.ui-widget-overlay {background: #aaaaaa;opacity:0.4;filter: Alpha(Opacity=30);position: fixed;top: 0;left: 0;width: 100%;height: 100%;}

.ui-dialog {font-size:80%;overflow: hidden;position: absolute;top: 0;left: 0;padding: .2em;outline: 0;}

.ui-dialog .ui-helper-clearfix {min-height: 0;/* support: IE7; */}

.ui-dialog .ui-helper-clearfix:after {clear: both;}

.ui-dialog .ui-helper-clearfix:before, .ui-dialog .ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}

.ui-dialog.ui-corner-all, .ui-dialog .ui-corner-all {border-radius: 4px;}

.ui-dialog.ui-widget-content, .ui-dialog .ui-widget-content {border: 1px solid #aaaaaa;background-color: #ffffff;color: #222222;}

.ui-front {z-index:100;}

.ui-dialog .ui-widget-header {border: 1px solid #aaaaaa;background-color: #cccccc;color: #222222;font-weight: bold;}

.ui-dialog .ui-dialog-content {position: relative;border: 0;padding: .5em 1em;background: none;overflow: auto;}

.ui-dialog .ui-dialog-title {float: left;margin: .1em 0;white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}

.ui-dialog.ui-widget .ui-widget {font-size: 1em;}

.ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 20px;margin: -10px 0 0 0;padding: 1px;height: 20px;}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {text-decoration: none;}

.ui-button {display: inline-block;position: relative;padding: 0;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;overflow: visible;}

.ui-dialog .ui-state-default .ui-icon {background-image: url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/images/ui-icons_888888_256x240.png");}

.ui-dialog .ui-button-icon-only .ui-icon {left: 50%;margin-left: -8px;position:absolute;top:50%;margin-top:-8px;}

.ui-dialog .ui-icon-closethick {background-position: -96px -128px;}

.ui-dialog .ui-button {display: inline-block;position: relative;padding: 0;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;overflow: visible;}

.ui-dialog .ui-button-icon-only .ui-button-text {padding: .4em;text-indent: -9999999px;display:block;line-height:normal;}

.ui-dialog .ui-button-text-only .ui-button-text {padding: .4em 1em;}

.ui-dialog .ui-button .ui-button-text {display: block;line-height: normal;}

.ui-dialog .ui-dialog-titlebar {padding: .4em 1em;position: relative;}

.ui-dialog .ui-dialog-title {float: left;margin: .1em 0;white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}

.ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 20px;margin: -10px 0 0 0;padding: 1px;height: 20px;}

.ui-dialog .ui-dialog-content {position: relative;border: 0;padding: .5em 1em;background: none;overflow: auto;}

.ui-dialog .ui-dialog-buttonpane {text-align: left;border-width: 1px 0 0 0;background-image: none;margin-top: .5em;padding: .3em 1em .5em .4em;}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}

.ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0;cursor: pointer;}


/** override autocomplete widget */
ul.ui-autocomplete {list-style-type:none;padding-left:6px;max-width:580px;background-color:#ffffff;}
ul.ui-autocomplete li {padding:6px 0;}
ul.ui-autocomplete li a {cursor:pointer;}

/** end jquery-ui widget overrides */



#spec-number-link, .update-range-link,#save-search, #clear-search {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  color: #ffffff;
  font-size: 11px;
  background: #4f95b5;
  padding: 4px 6px;
  text-decoration: none;
	cursor:pointer;
	text-decoration:none;
}

#spec-number-link:hover, .update-range-link:hover {
  background: #3cb0fd;
  text-decoration: none;
}
.update-range-link {display:inline-block;margin-top:2px;padding-top:1px;padding-bottom:1px;}


/** magnific-popup (lightbox) styles */
.white-popup, .mfp-content {position:relative;background:#ffffff;padding:20px;width:auto;max-width:90%;margin:20px auto;}
.mfp-content p img {max-width:100%;}
/** end magnific-popup styles */


.facet-field {
  font-weight: bold;
}

.panelcontent .facet-counter {float:right;font-size:77%;}

.panelcontent h3 .facet-counter {margin-right:16px;}

.panelcontent > div, .panelcontent .panelcontent, #casting-panel, #fabrication-panel {padding:4px;}

#chemical-panel .note {display:inline-block;margin:1px 8px 2px 8px;}

.highlight {
  color: white;
  background-color: gray;
  border: 1px black solid;
}

nav ul li >  .facet-link, .panelcontent h3 .facet-link {padding-left:20px;background-repeat:no-repeat;background-position:2px 15%;;}
.ui-accordion-header {padding-left:1px !important;}
.cascading-selector {width:100%;border:1px solid #dfdada;color:#4f95b5;}

.facet-link.active {cursor:pointer;}

.app-system-select {width:100%;}


.highlight-box {
  margin-left: 15px;
}

.field-name {
  font-weight: bold;
}

.highlighted-facet-field {
  background: white;
}

.constraints {
	overflow:auto;
min-height:50px;
  margin: 10px 0;
border:2px solid #d2d4d3;
background: -moz-linear-gradient(top,  #ececec 0%, #e1e1e1 40%, #d9d9d9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(40%,#e1e1e1), color-stop(100%,#d9d9d9));
background: -webkit-linear-gradient(top,  #ececec 0%,#e1e1e1 40%,#d9d9d9 100%);
background: -o-linear-gradient(top,  #ececec 0%,#e1e1e1 40%,#d9d9d9 100%);
background: -ms-linear-gradient(top,  #ececec 0%,#e1e1e1 40%,#d9d9d9 100%);
background: linear-gradient(to bottom,  #ececec 0%,#e1e1e1 40%,#d9d9d9 100%);
background-color:#dddddd;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:8px !important;
letter-spacing:0.06em;
}

.constraints h3 {margin-top:0;padding-top:0;}

#primary-content .constraints nav ul {list-style:none;}
	#primary-content .constraints nav ul {padding-left:8px;}
		#primary-content .constraints nav ul li {display:inline-block;margin-right:16px;margin-bottom:12px;border:1px solid #cccccc;border-radius:4px;-webkit-border-radius:4px;padding:0;background-color:#ffffff;}
			#primary-content .constraints nav ul li a {display:block;padding:4px 16px 4px 4px;cursor:pointer;background-repeat:no-repeat;background-position:100% 50%;}

#clear-search, #save-search {float:right;text-align:right;display:inline-block;margin-left:6px;}

#primary-cotennt .pagination nav ul {list-stlyle:none;}
#primary-content .pagination nav ul li {display:inline-block;font-size:11px;}
#primary-content .pagination nav ul li a {padding:0 4px;color:#ffffff;text-decoration:none;background-color:#4f95b5;}
#primary-content .pagination nav ul li:first-child a, #primary-content .pagination nav ul li:last-child a {padding:0;color:#4f95b5;background-color:transparent;}

/** tabular data */
	table.fullwidth {width:100%;}
    table.data-table {font-size:100%;margin-top:16px;margin-bottom:18px;}
	table.data-table caption {font-size:1.2em;margin:0;padding:4px;color:#f6843e;text-align:left;background:none;}
	table.data-table thead tr {background-color:#f3f7f9;}
	table.data-table th, table.data-table td {text-align:left;vertical-align:top;font-size:0.9em;padding:0.5em 0.8em;}
	table.data-table tbody th {vertical-align:middle;}

	table.data-table thead tr th {background-color:#f3f7f9;color:#4f6b72;border:1px solid #c1dad7;vertical-align:bottom;font-size:0.8em;font-weight:bold;}
	table.data-table thead tr th#designation-header {width:42%;}
	table.data-table thead tr th#view-header {width:24%;}
	table.data-table thead tr:last-child th {border-bottom-width:3px;}
	table.data-table td {border:1px solid #c1dad7;background:#ffffff;color:#4f6b72;}

	table.data-table tbody {border-top:2px solid #c1dad7;}
	table.data-table tbody tr th {border:1px solid #c1dad7;font-weight:bold;}

	tr.nth-child(odd) {background-color:transparent;}
	tr.nth-child(even) {background-color:#dddddb;}




#favorite-alloys table {font-size:96%;}
#favorite-alloys table tbody td img {width:16px;}

/** end tabular data */

.remove-alloy-button, #spec-number-link, .unknown {cursor:pointer;}



#query-form{
}



.query-box {
  padding:0 0 5px 0;
  margin:45px 0 10px 0;
  font-weight: normal;
  letter-spacing: 0.08em;
/*	max-width:72%;*/
}
.query-box #query-uns {
  width: 70%;
  height: 48px;
  border: 1px solid #999;
	border-right:none;
  font-size: 1em;
  padding:0 0 0 8px;
	vertical-align:bottom;
	color:#666666;
}

#querySubmit {height:50px;width:50px;background-repeat:no-repeat;border:0;vertical-align:bottom;margin-left:-5px;}

#clear-uns {height:50px;border:1px solid #999999;background-color:#ececec;color:#666666;font-size:16px;padding-left:12px;padding-right:12px;margin-left:8px;}

#primary-content .instructions {font-size:80%;margin-left:8px;}


.query-boost {

  top: 10px;
  left: 50px;
  position: relative;
  font-size: 0.8em;
}

.query-box .inputs {
  position: relative;

}

.query-box input {-webkit-appearance:none;border-radius:0;}

.query-box .instructions {letter-spacing:normal;}

#logo {
  margin: 10px;
  border-style: none;
}

a#antimicrobial-facet {color:#8a9c83;}

.pagination {
	float:right;
	padding-top: 22px;
	text-align:right;
}

.result-document {
  border: 1px solid #999;
  padding: 5px;
  margin: 5px;
  margin-bottom: 15px;
	overflow:auto;
}

.result-document div img.bookmark-icon {vertical-align:middle;cursor:pointer;}
.result-document div img.bookmark-icon-active {vertical-align:middle;}

.result-document.antimicrobial {background-color:#e1f2da;}

.result-document div{
  padding: 5px;
}

.result-title h2 {margin:0;font-size:1.6em;padding:0;}

.result-title h2 a {color:#f6843e;text-decoration:none;}

.result-body{
  background: #ddd;
}

.supplier-link-container {float:right;max-width:40%;text-align:right;margin-top:-27px;}
.supplier-link {visibility: hidden;}

.full-profile-link {float:right;max-width:40%;text-align:right;margin-top:-68px;}

.result-document div img {vertical-align:bottom;}

.mlt{

}

.map{
  float: right;
  position: relative;
  top: -25px;
}

.result-document:nth-child(odd).antimicrobial {background-color:#e1f2da;}
table tbody tr:nth-child(even).antimicrobial th {background:#cad9c4 !important;}


.selected-facet-field {
  font-weight: bold;
}

li.show {
  list-style: disc;
}

.group-value{
  font-weight: bold;
}

.error {
  color: white;
  background-color: red;
  position: relative;

}

.usage-note {margin-left:4px !important;padding-left:0 !important;font-size:80%;color:#e00;border-left:none !important;}

.antimicrobial-note {color:#f6843e;background-color:#cad9c4;padding:0 4px;font-weight:bold;}


.range-search-form {font-size:80%;margin-left:21px;}
.range-input {width:26px;resize:none;}

/** show div scrollbars for iOS */
div.panelcontent::-webkit-scrollbar {
    width:9px;
}

div.panelcontent::-webkit-scrollbar-track {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(155,155,155,0.1);
}

div.panelcontent::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.1);
}

div.panelcontent::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.4);
}

div.panelcontent::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.05);
}


/** media queries for responsive design */

@media only screen and (max-width:767px){
	h1#page-title {font-size:18px;text-align:center;float:none;margin-top:110px;}
	#breadcrumbs li {font-size:70%;}
	#search-utilities {font-size:74%;}
	#tertiary-tier-container {width:100%;max-width:100%;margin-right:0;}

	#content {border-top:1px solid #cccccc;}
		#primary-content {width:100%;}
			#favorite-alloys table {font-size:50%;}
			.query-box #query-uns {width:76%;}
			.results h1 {clear:both;}
			table.data-table {font-size:54%;}
}

@media only screen and (min-width:767px){
	#survey-container {float:right;width:40%;}
	.query-box {max-width:62%;}
}

@media only screen and (min-width: 900px){

        #content {min-width:67%;}
        h1#page-title {font-size:200%;}
	.query-box .instructions {letter-spacing:0.1em;}

	div#accordion h3, div#accordion h2, div.accordion h3, div.accordion h2 {font-size:1em;}
	div#accordion div.accordion h3 {font-size:90%;background-position:99% 14px;}

	div#accordion ul li, div.accordion ul li {line-height:128%;}

	#metadata-filters nav ul li {font-size:100%;}
		#metadata-filters nav ul li:last-child {margin-left:92px;}
}

@media only screen and (min-width:1200px){
	#page-layout {max-width:1200px;}
	.query-box {max-width:72%;}
}
/** end media queries for responsive design */

/* PRINT Styles */
@media print {
	a[href]:after {content: ""; }
	header, #header {height:116px;}
		#site-branding {float:left;}
		h1#page-title {clear:none;font-size:1em;margin-top:40px;}
}