/** Cascading Stylesheet for the CDA Copper Alloys Public API */
/** Author: @jason_hoyt */

/* ==========================================================================
   Base styles: defaults
   ========================================================================== */

/** Branded Colors reference
*primary
logo/primary copper: #93785b
dark warm copper: #625245
*secondary
light warm copper: #d7d3c7
dark cold copper: #636971
light cold copper: #d1d4d3
*tertiary
soft green: #b9ccc3
bright orange: #fb4f14
dark blue: #004153
soft yellow: #fecb00

*new online grey: #636971
*/

/* begin API-client styles */
.api-client-form {margin-bottom:2em;}
#facets-container {width:20%;margin-top:2em;border:1px solid #ddd;float:left;background-color:#F3F7F9;padding:0.4em;
-webkit-border-radius: 6px;
    
    border-radius: 6px;}

#primary-content ul#alloy-properties-list {float:left;list-style-type:none;margin-left:10px;padding-left:0;}
#primary-content ul#alloy-properties-list li {margin:0;padding:0;}
#primary-content ul#alloy-properties-list li input[type=checkbox] {vertical-align: bottom;position: relative;top: -5px;margin-right: 6px;}
#primary-content ul#alloy-properties-list li:first-child {margin-bottom:1em;}

#facets-container h2 {text-align:center;border-bottom:1px solid #ddd;}
#resultset {width:78%;float:left;}

.error {color:#CC0033;font-weight:800;}




tr.inactive-alloy {opacity:0.6;}
td.inactive-alloy {background: transparent url('/images/ui/inactive.png') no-repeat 50% 50%;}
td.active-alloy, td.antimicrobial {background:transparent url('/images/ui/active.png') no-repeat 50% 50%;}



/** added 2013-04-09 */
/** for API client examples */
div span, tfoot td span {display:block;}
div.pac-item span {display:inline;}

div tbody span, div span.form, div span.count {display:inline;}
    div span.count {margin-left:6px;font-size:80%;}
tfoot td span.note {padding-bottom:0.5em;}

  /* override for physical properties footnote */
    table[class*='-physical-properties-table'] tfoot tr td  {
        font-size: .8em;
      }



.metadata {margin-top:1em;}
.metadata .active, .metadata .inactive-date, .metadata .antimicrobial {text-align:right;}

div span.tooltip, a.tooltip {display:inline-block;float:right;text-align:right;color:#cccccc;text-shadow: 0px 1px 1px #dedede;cursor:help;text-decoration:none;}
a.physical-prop-tooltip {color:#4f95b5;text-decoration:underline;text-shadow:none;font-size:80%;}

/** jqueryui tooltip overrides for alloys */
.ui-tooltip {max-width:280px;font-size:76%;}


.metadata .uri, .metadata > .tradename, .metadata > .designation, .metadata .alloy-type, .metadata .alloy-class, .metadata .specific-class {display:none;}

.usage-wrapper .message, .properties-wrapper .message, .casting-propertes-wrapper .message
.usage-wrapper .massage, .properties-wrapper .massage, .casting-propertes-wrapper .massage /* typo coming from API */
{margin:0 1em;border:1px solid #d7d3c7;padding:0.5em;color:#8A5E6C;font-size:90%;}

/* begin tabular table styles */
    table {font-size:100%;margin-top:16px;margin-bottom:18px;width:100%;/* empty-cells:hide; */}
	table caption, #primary-content .properties-wrapper span.header,  #primary-content .usage-wrapper span.header,  #primary-content .casting-propertes-wrapper span.header {font-size:1.2em;margin:0;padding:4px;color:#f6843e;text-align:left;background:none;}
	table thead tr {background-color:#f3f7f9;}
	table th, table td {vertical-align:top;font-size:0.9em;text-align:center;}
	table td {padding:4px;}
    table tbody td {text-align:left;}
	table tbody th {vertical-align:middle;}
    
    #primary-content table p {margin:0;}
    
	table thead tr th {background-color:#f3f7f9;color:#4f6b72;border:1px solid #c1dad7;vertical-align:bottom;font-size:0.8em;text-align:center;padding:4px;font-weight:bold;}
	table thead tr:last-child th {border-bottom-width:3px;}
	table td {border:1px solid #c1dad7;background:#ffffff;color:#4f6b72;}

	table tbody {border-top:2px solid #c1dad7;}
	table tbody tr th {border:1px solid #c1dad7;padding:0;font-weight:bold;}
	
	table td.highlight {font-weight:bold;background-color:#eafbeb;}
	table span.highlight {color:#f6843e;}
	table tfoot tr td {text-align:left;}
	
	table td ul {margin-left:0;padding-left:1em;}
	table td ul li {padding-left:0;margin-left:0;}
	
	tr.nth-child(odd) {background-color:transparent;}
	tr.nth-child(even) {background-color:#dddddb;}
	
	tr.inactive-alloy {opacity:0.6;}
	td.inactive-alloy {background: transparent url('/images/ui/inactive.png') no-repeat 50% 50%;}
	td.active-alloy, td.antimicrobial {background:transparent url('/images/ui/active.png') no-repeat 50% 50%;}


    #favorite-alloys {margin:1em 0;width:85%;}
    #favorite-alloys h2 {margin-bottom:0;}
    #favorite-alloys table {font-size:96%;width:96%;}
    #favorite-alloys table td {padding:0;}
    #favorite-alloys table th {padding:1px;}
    #favorite-alloys table tbody td img {width:16px;}


#resultset .datatable {margin:0 auto;}
/* end tabular table styles */

/* begin list styles */
#primary-content ul.fabrication-process-list {margin-left:0;padding-left:4px;}
/* end list styles */

/* begin suppliers styles */
td div.supplier-contact-information {text-align:left;}
#primary-content .supplier-contact-information > address {font-style:normal;line-height:132%;}
.supplier-contact-information span {display:inline;}
.supplier-contact-information .uri {display:none;}
.supplier-contact-information .name {font-size: 1.2em;color:#f6843e;padding-top: 1.1em;margin: 0.83em 0;}
.supplier-contact-information .country {text-transform:capitalize;}
.supplier-contact-information .cda-member {display:block;float:right;padding-right:18px;background:transparent url('/images/ui/active.png') no-repeat right 50%;}
.supplier-contact-information .phone-1::before {content:'Phone: ';}
.supplier-contact-information .phone-1, .supplier-contact-information .fax-1, .supplier-contact-information .fax-2 {display:inline;}
.supplier-contact-information .supplier-type {display:block;}
    #primary-content .accordion .supplier-contact-information p.supplier-type {display:block;margin-left:0;border-left:0;padding-left:0;}
.supplier-contact-information .fax-1::before {content:'Fax: ';}
.supplier-products caption {font-size:96%;}
.supplier-products caption::before {content:'Available Copper Products from ';}

.supplier-search-results #results .panelcontent > div:nth-child(even) {background-color:#f6f6f6;}

.supplier-search-results .supplier-contact-information {padding:20px;}

.supplier-search-results .accordion address {padding:0;margin:0;border-left:none;}


table.supplier-search-results td.antimicrobial {background-image:none;background-color:#d8f7ed;}

#alloys-select {margin-right:10px;}

.supplier-search-results h2.alloy.antimicrobial:after, .supplier-search-results #results h2.alloy.antimicrobial .form:after {content: "*";}
.supplier-search-results #results h2.alloy.antimicrobial:after {content: "";}

#primary-content fieldset div#search-suppliers-container {clear:none;float:right;min-width:26%;padding:0 1px;}
#primary-content fieldset div#search-suppliers-container input[type=checkbox] {clear:left;}
#primary-content fieldset div#search-suppliers-container label {clear:none;padding-right:0;padding-left:6px;width:117px;}

#primary-content form#supplier-search {border:1px solid #cccccc;padding:20px 6px 6px 6px;width:95%;}
#primary-content form#supplier-search fieldset {float:left;width:40%;border:none;margin-bottom:8px;padding:0;}
#primary-content form#supplier-search p + fieldset {margin-top:0;}
#primary-content form#supplier-search fieldset label {width:80%;}
#primary-content form#supplier-search fieldset select {font-size:80%;}

#google-map {width:666px;height:400px;}
.info-window-container {overflow:auto;line-height:135%;white-space:nowrap;}

.info-window-container span.cda-training {display:inline-block;background:transparent url('/images/ui/active.png') no-repeat 93% 50%;}

#pac-input {
        background-color: #fff;
        padding: 0 11px 0 13px;
        width: 400px;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
        margin-top:26px;
      }

      #pac-input:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px;  /* Regular padding-left + 1. */
        width: 401px;
      }
      
      #list-of-locations div.contractor-info {margin:6px;border:1px solid #cccccc;padding:4px;}
/* end suppliers styles */


/* begin form styles */
form#multiple-alloys-form.section-highlight {overflow:auto;margin-top:0;}
#search-all-cu-alloys fieldset  {text-align:center;}

#primary-content fieldset {padding:20px 6px;width:95%;border:1px solid #cccccc;}
#primary-content p + fieldset {margin-top:1em;}
#primary-content fieldset * {margin-top:6px;}
#primary-content form#alloy-form-search fieldset h2:first-child, #primary-content form#supplier-search h2:first-child {margin-top:0;padding-top:0;}
#primary-content fieldset legend {margin-bottom:6px;font-weight:800;color:#666666;}
#primary-content fieldset input, #primary-content fieldset select, #primary-content fieldset textarea {border:1px solid #cccccc;color:#666666;}
#primary-content #multiple-alloys-form fieldset select {max-width:100px;width:100px;min-width:100px;}
#primary-content fieldset input[type=radio] {border:none;}
#primary-content fieldset label, #primary-content fieldset .radiogrouplabel {display:block;float:left;clear:left;padding-right:10px;width:155px;}
#primary-content fieldset label[for=uns-search] {width:56px;}
#primary-content fieldset label.radio, #primary-content fieldset label.inlinelabel {display:inline;float:none;clear:none;width:auto;}
.formintstructions {text-align:right;margin:15px;font-size:0.8em;}
.inlineforminstructions {display:inline;float:none;clear:none;width:auto;font-size:0.8em;}

#primary-content button, #primary-content input[type=button], #primary-content input[type=reset], #primary-content input[type=submit] { cursor: pointer; -webkit-appearance: button; }
#primary-content input[type=submit], a.submit-button {background-color:#93785b;border:1px solid #fff;padding:1em;font-size:0.9em;
-moz-box-shadow: 0 0 5px #93785b;
-webkit-box-shadow: 0 0 0 1px #93785b;color:#fff;
box-shadow: 0 0 0 1px #93785b;
-webkit-border-radius:4px;
    border-radius:4px;
	vertical-align:bottom;text-decoration:none;}
#primary-content input[type=submit]:hover, a.submit-button:hover {border-color:#f6843e;color:#f6843e;}
a.submit-button {display:inline-block;}
#primary-content input#submit-single-alloys {min-height:36px;}
#primary-content input#submit-multilple-alloys, #primary-content input#submit-fabricators {clear:both;min-width:20%;display:block;margin:1px auto;}

#multiple-alloys-form .instruction {clear:both;}

.single-button-container {text-align:center;}
#primary-content fieldset .single-button-container input {float:none;display:inline-block;}

    /* supplier form styles */
    form#state-form {margin:0 0 1px 1px;}
    form#state-form #states {width:98%;border:none;margin-bottom:6px;}
    form#state-form #states:invalid, form#state-form #states:valid {background-color:#ffffff;}
    /* end supplier form styles */


/* end form styles */



.loader {text-align:center;color:#f6843e;font-size:0.8em;}
#loading {min-height:40px;text-align:center;color:#f6843e;font-size:0.8em;background:transparent url('/images/ui/ajax-loader.gif') center center no-repeat;}

#api-method-links {overflow:auto;}


a.api-link {text-decoration:underline;color:lightblue;}
a.api-link:hover {cursor:pointer;}

.datasheet-link {
    padding: 6px 12px;
    border:none;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
    font-size:90%;
    float: right;
    margin: 0 0 1em 100%;
    color: #ffffff !important;
    text-decoration: none;
    background-color: #86A0DE;
    white-space: nowrap;
}

#primary-content form.datasheet-link input[type=submit] {background-color:transparent; border:none;padding:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;border-radius:0;font-size:inherit;}


#results {/*overflow:auto;*/}

#results-window {min-height:4px;width:90%;margin-left:auto;margin-right:auto;background:rgba(255,255,255,0.5);} /* border:1px solid #d1d4d3;padding:10px;max-height:300px;overflow:scroll; */


/** /alloy.php overrides */
#results-window {width:98%;padding:0;border:none;background:transparent;}
.metadata .uns {float:left;color:#f6843e;font-size:2.7em;margin-bottom:0.7em;}
#alloy-uns .metadata .uns::before {content:'';}

.metadata .uns .tradename, .metadata .uns .designation, .metadata a.addalloybutton {font-size:50%;display:inline-block;margin:0 0 0 6px;}
.metadata a.addalloybutton img {vertical-align: bottom;width:40px;height:40px;}

form.alloys-input input[type=text] {background-color:transparent;color:#4F95B5;border:1px solid #ccc;min-width:196px;min-height:2em;}
form.alloys-input input[type=submit] {height:2em;line-height:25%;}


h2 span.metadata {font-size:60%;font-weight: normal;}

/*.antimicrobial {color:#b9ccc3;} */


.properties-wrapper {clear:both;margin-bottom:1em;}

.measurement-unit-label {font-weight:normal;}

div[id^="copper-alloy-"].copper-alloy-wrapper {border-top:1px solid #999999;}
div[id^="copper-alloy-"].copper-alloy-wrapper:first-child, title + meta + div[id^="copper-alloy-"].copper-alloy-wrapper {border-top:none;}

.chemical-properties, div[class*="mechanical-properties"] {overflow-x:scroll;}
/**.chemical-properties::-webkit-scrollbar, div[class*="mechanical-properties"]::-webkit-scrollbar {-webkit-appearance:none;} */
.chemical-properties::-webkit-scrollbar, div[class*="mechanical-properties"]::-webkit-scrollbar {height:11px;}
.chemical-properties::-webkit-scrollbar-track, div[class*="mechanical-properties"]::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:10px;border-radius:10px;}
.chemical-properties::-webkit-scrollbar-thumb, div[class*="mechanical-properties"]::-webkit-scrollbar-thumb {-webkit-border-radius:10px;border-radius:10px;background-color:rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}

.fabrication-process-list li {display:inline-block;margin-right:4px;}
.fabrication-process-list li::after {content:','}
.fabrication-process-list li:last-child::after {content:''}

table[class*="mechanical-properties-table"] {
        width: 100%;
        font-size: 0.75em;
        line-height: 1.25em;
        border-collapse: collapse;
        border-spacing: 0; 
    }

table[class*="mechanical-properties-table"] caption {font-size:1.6em;}

table[class*="mechanical-properties-table"] tbody tr:nth-child(even) th:first-child, 
table[class*="typical-uses-table uses-table"] tbody tr:nth-child(even) th:first-child,
table[class*="cross-specification-properties-table"] tbody tr:nth-child(even) th:first-child {background:none;}

table[class*="physical-properties-table"] tbody th {text-align:left;padding-left:20px;}
table[class*="physical-properties-table"] .measurement-unit-label,
table.casting-characteristics-table .measurement-unit-label {
  padding-left:10px;
}

  td[headers$='-casting-attribute-header'] {
    font-weight: 700;
  }

/** table[class*="physical-properties-table"] .measurement-unit-label:before {content:"(";}
table[class*="physical-properties-table"] .measurement-unit-label:after {content:")";}
**/ /** uncomment after API changes back **/
#primary-content table .header {background-image:none;}


@media only screen and (max-width: 640px) {
/**	table[class*="mechanical-properties-table"], table[class*="cross-specification-properties-table"] { display: block; position: relative; width: 100%; }
	table[class*="mechanical-properties-table"] thead, table[class*="cross-specification-properties-table"] thead { display: block; float: left; }
	table[class*="mechanical-properties-table"] tbody, table[class*="cross-specification-properties-table"] tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	table[class*="mechanical-properties-table"] thead tr, table[class*="cross-specification-properties-table"] thead tr { display: block; }
	table[class*="mechanical-properties-table"] th, table[class*="cross-specification-properties-table"] th { display: block; }
	table[class*="mechanical-properties-table"] tbody tr, table[class*="cross-specification-properties-table"] tbody tr { display: inline-block; vertical-align: top; }
	table[class*="mechanical-properties-table"] tbody tr th, table[class*="cross-specification-properties-table"] tbody tr th {padding:4px;}
    table[class*="mechanical-properties-table"] td, table[class*="cross-specification-properties-table"] td { display: block; min-height: 1.25em; }
*/
}



@media only screen and (min-width: 768px) {
 #uns-functions {float:left;}   
 #uns-search-datasheet-link {float:left;width:44%;}
 #uns-search-datasheet-link div {width:100%;}
 #datasheet-link {clear:both;}
 #primary-content input#submit-multilple-alloys {margin-top:8px;margin-left:auto;margin-right:auto;min-width:70%;}

    #all-list {float:left;width:60%;}
    .supplemental-content {float:left;width: 36%;margin-left: 4%;}

}

@media only screen and (min-width:800px){
    #uns-search {margin-right:8px;}
    table[id*="-physical-properties-table"] {max-width:66%;}
    table[id*="-fabrication-properties-table properties-table"], table[id*="-thermal-properties-table"], table[id*="-casting-characteristics-table"] {max-width:80%;}
}

@media only screen and (min-width: 1024px) {
     #primary-content input#submit-fabricators {margin-top:-48px;}   
}

@media print {
    
 #api-method-links {display:none;}   
 table[class*="mechanical-properties-table"] {font-size:50%;}
     table {font-size:70%;}
     
     .supplier-link {display:none;}
}