/*
Theme Name: CopperCanada.ca
Theme URI: http://coppercanada.ca/
Author: CDA and CCBDA
Author URI: http://coppercanada.ca
Description: Theme for the CCBDA site based on the CopperAlliance.org web site by the International Copper Association, Ltd.
Version: 1.0
License: Copyright 2015, ICA, All Rights Reserved.
*/

/** 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
*/

/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 */

html {height:100%; font-size: 100%; overflow-y: scroll;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/** the following does not play nice with Android 4 Chrome: -webkit-overflow-scrolling: touch; */

body { margin:0; font-size: 13px; line-height: 1.231em;min-height:100%; }

body, button, input, select, textarea { font-family: 'Open Sans','Arial', 'Helvetica',sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 */

::-moz-selection { background: #fb4f14; color: #fff; text-shadow: none; }
::selection { background: #fb4f14; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a {color:#004153;border-bottom:1px solid #004153;text-decoration:none;}
a:visited { color:#004153;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers */
a:hover, a:active { outline: 0; }

.readmore {display:inline-block;}

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote {width:60%;margin:2em auto;font-style:italic;padding:0 40px 0 48px;background-image:url('/images/ui/left-quote.png'),url('/images/ui/right-quote.png');background-position:top left, bottom right;background-repeat:no-repeat;}

dfn { font-style: italic; }

hr { display: block;clear:both; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: */
sub, sup { font-size:70%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {  margin: 8px 5px 5px 0px; padding: 0 0 0 40px; }
dd { margin:0; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0;padding:0.5em;
background: #dddfde; /* Old browsers */
background: -moz-linear-gradient(top,  #dddfde 0%, #d1d4d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddfde), color-stop(100%,#d1d4d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddfde 0%,#d1d4d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddfde 0%,#d1d4d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddfde 0%,#d1d4d3 100%); /* IE10+ */
background: linear-gradient(top,  #dddfde 0%,#d1d4d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddfde', endColorstr='#d1d4d3',GradientType=0 ); /* IE6-9 */
}
figcaption {font-weight:700;font-size:0.9em;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);text-align:center;}
figure img {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);}

figure a {border:none;}

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* webkit and mozilla placeholder attribute styles */
::-webkit-input-placeholder  { color:#636971; }
input:-moz-placeholder { color:#636971; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-border-radius:0; 
border-radius:0;}
button:focus, input:focus, select:focus, textare:focus {outline-color:#b9ccc3;}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input[type="button"], input[type="reset"], input[type="submit"], input[type="text"], input[type="email"], input.ui-autocomplete-input { 
line-height: normal; 
*overflow: visible; 
border:1px solid #93785b;
min-height:24px;}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type=submit],button[type=submit] {background-color:#93785b;border:1px solid #fff;-moz-box-shadow: 0 0 5px #93785b;
-webkit-box-shadow: 0 0 0 1px #93785b;color:#fff;
box-shadow: 0 0 0 1px #93785b;}
/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { border:none;}
input[type="search"] {-webkit-appearance:none;width:200px;-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;border:1px solid #93785b;border-left-width:4px;min-height:22px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:inset 2px 2px 5px #ccc;box-shadow:inset 2px 2px 5px #ccc;
background: rgb(249,249,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,249,248,1) 0%, rgba(237,235,233,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,248,1)), color-stop(100%,rgba(237,235,233,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,249,248,1) 0%,rgba(237,235,233,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,249,248,1) 0%,rgba(237,235,233,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,249,248,1) 0%,rgba(237,235,233,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(249,249,248,1) 0%,rgba(237,235,233,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f8', endColorstr='#edebe9',GradientType=0 ); /* IE6-9 */
}

/* 
 * Remove inner padding and border in FF3/4
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {border:1px solid #93785b; overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: Canadian Copper and Brass Development Association
   ========================================================================== */

/** @font-face reference =====================
font-family:'RotisSansSerifW01-Bold';
font-family:'RotisSansSerifW01-Extra';
font-family:'RotisSansSerifW01-Itali';
font-family:'RotisSansSerifW01-Light 735435';
font-family:'RotisSansSerifW01-Light 735438';
font-family:'Rotis Sans Serif W01';
licensing and hosting by webfonts.fonts.com
*/

body {background: -moz-linear-gradient(top,  rgba(145,120,91,0.06) 0%, rgba(98,82,69,0.06) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,120,91,0.06)), color-stop(100%,rgba(98,82,69,0.06))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(145,120,91,0.06) 0%,rgba(98,82,69,0.06) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(145,120,91,0.06) 0%,rgba(98,82,69,0.06) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(145,120,91,0.06) 0%,rgba(98,82,69,0.06) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(145,120,91,0.06) 0%,rgba(98,82,69,0.06) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f91785b', endColorstr='#0f625245',GradientType=0 ); /* IE6-9 */
}

#page {margin-top:20px;overflow:auto;background:#fff;}

#branding, #primary-nav {width:100%;background:#fff;}
#branding {overflow:auto;border-bottom:3px solid #93785b;color:93785b;}


#logo {max-width:322px;float:left;margin:8px;padding:0;}
    #logo a {border-bottom:none;}
        #logo a img {width:100%;}
    #copper-alliance-member {font-size:80%;margin-left:0px;}
         #logo #copper-alliance-member a {border-bottom:1px solid #004153;}

#header-utilities {float:right;text-align:right;margin:15px 11px 12px 0;color:#93785b;min-width:330px;}
#header-utilities nav img {vertical-align:sub;}
#share-utilities {display:inline-block;}

#sitesearch {margin:0px;}
#sitesearch input[type=submit] {width:97px;}

#primary-nav-container {float:none;clear:both;height:48px;}
    #primary-nav {position:relative;margin-bottom:16px;line-height: 100%;height:41px;}

/* Assistive text */
.assistive-text, .screen-reader-text {position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);}
#primary-nav a.assistive-text:active,
#primary-nav a.assistive-text:focus, .screen-reader-text:active, .screen-reader-text:focus {background: #eee;border-bottom: 1px solid #ddd;color: #1982d1;clip: auto !important;font-size: 12px;position: absolute;text-decoration: underline;top: 0;left: 7.6%;}

#content {position:relative;overflow:auto;padding:16px 0 16px 16px;color:#636971;font-size:1em;line-height:1.5em;}
body.home #content {padding-left:0;}

#content article {overflow:auto;font-size:1.1em;line-height:1.4em;}


#content h1 {font-size:1.4em;color:#fb4f14;margin:1.4em 0;line-height:150%;}
#content h2 {font-size:1.2em;}
#content h3 {font-size:1.1em;}
#content h4 {font-size:1em;}

#section-masthead {width:100%;}

#global-footer {overflow:auto;border-top:3px solid #93785b;padding:10px;color:#625245;
background: rgb(245,244,240); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(245,244,240,1) 0%, rgba228,231,218,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,240,1)), color-stop(100%,rgba(228,231,218,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(245,244,240,1) 0%,rgba(228,231,218,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(245,244,240,1) 0%,rgba(228,231,218,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(245,244,240,1) 0%,rgba(228,231,218,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(245,244,240,1) 0%,rgba(228,231,218,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f0', endColorstr='#dcdace',GradientType=0 ); /* IE6-9 */
}

#footer-contact h2 {margin-top:0;font-size:1.1em;}
#footer-functions {text-align:center;}
#footer-functions a {border-bottom:none;}
#print-page-link {margin-right:1em;}
#font-size-adjustment {display:inline-block;width:20px;}
	#font-size-adjustment a {cursor:pointer;margin:0 1px;padding:1px;}
	#small-font-signifier {font-size:85%;}
	#font-size-adjustment a.active {color:#efefef;background-color:#625245;}
	#large-font-signifier {font-size:120%;}
#footer-subscribe-icon {vertical-align:text-top;}

#copyright {clear:both;text-align:center;margin-top:17px;}

/** navigation menus */
#header-utilities nav {position:absolute;top:1px;left:2px;}
        #header-utilities nav ul li {display:inline-block;padding:0 7px;}
            #header-utilities nav ul li:last-child {background:transparent url('/images/ui/utilitynav-divider.png') no-repeat left center;vertical-align:top;}
#header-utilities nav a#header-intranet-link {border-bottom:1px solid #004153;}
#advanced-search-link {font-size:0.85em;}
.advanced-search-link {cursor:pointer;}
#menu-primary {position:relative;display:block;}
    #menu-primary li {float:left;border:1px solid #f6f6f4;text-align:center;}
    #menu-primary > li {width:24.76%;background-color:#e4e7da;}
#menu-primary > li:last-child {border-right-width:0;}    
#menu-primary > li > a {font-weight:600;}
#menu-primary li a {display:inline-block;color:#004153;border-bottom:none;line-height:3em;}

#menu-primary li.active, #menu-primary li:hover {background-color:#d0d3c7;}
    #menu-primary li.active > a {color:#004153;}
    /*#menu-primary li.active .secondary-nav {background-color:#fafafa;} */
#breadcrumbs {overflow:auto;margin-bottom:16px;font-size:88%;}
#breadcrumbs ul li {display:inline;margin-right:0.4em;}
#breadcrumbs ul li a:after {content:' \\ '}


/* mega menu */
.secondary-nav {position:absolute;left:-999em;top:40px;z-index:999;width:100%;background-color:#d0d3c7/*#f5efe6*/;
-moz-column-count:4;-webkit-column-count:4;
        column-count:4;
        -moz-column-gap:0;-webkit-column-gap:0;
        column-gap:0;
        -moz-column-rule:1px solid #dddddd;-webkit-column-rule:1px solid #dddddd;
        column-rule:1px solid #dddddd;
        text-align:left;
        padding:16px 0;
} /* height:378px; */

#applications-secondary-nav {-moz-column-count:5;-webkit-column-count:5;
        column-count:5;}
        
#about-secondary-nav {-moz-column-count:3;-webkit-column-count:3;
        column-count:3}

#library-secondary-nav, #tech-services-secondary-nav, #other-associations-secondary-nav, #newsroom-secondary-nav  {display:none;}

#menu-primary li:hover div.secondary-nav {left:0;/*transition-delay:.2s;*/}
#menu-primary li:hover div.secondary-nav ul {margin-bottom:8px;}

#menu-primary li ul li {background-image:none;float:none;border:none;text-align:left;}

#menu-primary li ul li:hover {height:auto;background:none;} /*  */

#menu-primary li .secondary-nav a, #menu-primary li.active .secondary-nav a {display:inline-block;background-image:none !important;float:none;font-weight:normal;padding:4px 0;margin:1px 0;font-size:11px;line-height:1.3em;width:100%;} 

#menu-primary li:hover .secondary-nav a:hover, #menu-primary li.active .secondary-nav a:hover {text-decoration:underline;}

#menu-primary li:hover .secondary-nav h2 a, #menu-primary li.active .secondary-nav h2 a {font-size:14px;font-weight:bold;}
#menu-primary li:hover .secondary-nav h2.active a, #menu-primary li.active .secondary-nav h2.active a {text-decoration:underline;}
#menu-primary li:hover .secondary-nav li.active {background:none;}
#menu-primary li:hover .secondary-nav li.active a {text-decoration:underline;}

.nav-column {width:170px;float:left;}

.secondary-nav .menu-group {display:inline-block;width:100%;}

.secondary-nav .menu-group h2, .secondary-nav .menu-group ul {padding:0 16px;}

.secondary-nav .menu-group h2 {margin-top:0;margin-bottom:3px;padding-right:0;display:block;}
.secondary-nav .menu-group h2 + h2 {margin-top:22px;}

/* end mega menu */



#menu-footer-utility {text-align:center;margin-bottom:31px;}
#footer-utility-nav li {display:inline;border-right:1px solid #93785b;padding:0 6px;}
#footer-utility-nav li:last-child {border:none;}
nav#primary-nav ul {display:none;}
nav select {display:inline-block;margin:1em;width:90%;height:3em;}

#content article nav.pagination {clear:both;display:block;margin-top:2em;}

#content article nav.pagination ul {overflow:auto;}

#content article nav.pagination ul li.previous {float:left;padding-left:2em;background:transparent url('/images/ui/pagination-arrow-previous.png') no-repeat left top;}
#content article nav.pagination ul li.next {float:right;padding-right:2em;background:transparent url('/images/ui/pagination-arrow-next.png') no-repeat right top;}
/** end navigation menus */

/** begin content elements */
#content article ul {list-style-type:none;padding-left:0.6em;}
#content article ul li {overflow:auto;padding-left:1.2em;background:transparent url('/images/ui/bullet-marker.png') no-repeat left 0.5em;margin-bottom:1em;}
#content article ul li ul li {background-image:url('/images/ui/bullet-marker-secondary.png');}

	/** for the Download manager plug-in lists */
	#content article ul.dlm_download_list {margin-left:0;padding-left:0;}
	#content article ul.dlm_download_list li {padding-left:0;background-image:none;}
	ul.dlm_download_list li div {display:inline-block;width:80%;}
	ul.dlm_download_list li div.date {float:left;width:20%;}
	#annual-reports ul.dlm_download_list li {float:left;margin-right:2em;}
	/** end for the Download manager plug-in lists */

#content article ol li {margin-bottom:1em;}

#content article a, #content article aside.home a {color:#4f95b6;border-bottom: 1px solid #4f95b6;}
#content article aside a, #content article a.no-decoration {border-bottom:none;}

aside .thumbnail {max-width:100%;}
/** end content elements */

/** Calls To Action */
#content aside.Widget_Include_Post {width:100%;}
#call-to-action-container {overflow:auto;padding:1em;padding-right:0;}
#call-to-action-container h2 {border-bottom:2px solid #636971;text-shadow: 1px 1px 1px #d5e5dd;padding-bottom:1em;}
#call-to-action-container h2, #call-to-action-container p {margin-right:1em;}
#call-to-action-container p:last-child {margin-right:0;}

#call-to-action-container a.call-to-action {min-width:60px;float:right;clear:both;letter-spacing:0.1em;padding:0.5em 1em;text-decoration:none;margin:1em 0;display:inline-block;text-align:right;border:1px solid #fff;color:#fff;
background: rgb(148,138,129); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(148,138,129,1) 0%, rgba(98,82,69,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,138,129,1)), color-stop(100%,rgba(98,82,69,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(148,138,129,1) 0%,rgba(98,82,69,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(148,138,129,1) 0%,rgba(98,82,69,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(148,138,129,1) 0%,rgba(98,82,69,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(148,138,129,1) 0%,rgba(98,82,69,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#948a81', endColorstr='#625245',GradientType=0 ); /* IE6-9 */
/*outline: 1px solid #625245;*/

/*
-moz-box-shadow: -1px 0 1px 1px #625245;
-webkit-box-shadow: -1px 0 1px 1px #625245;
box-shadow: -1px 0 1px 1px #625245;
*/
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;

border-right:none;}

#call-to-action-container a.call-to-action:before {
            content:"";
            position:absolute; 
            z-index:-2;
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
}


#call-to-action-container a.call-to-action img {margin-left:0.5em;vertical-align:sub;}

/** end Calls To Action */

/* begin tabular table styles */
table.datatable {width:100%;empty-cells:hide;margin-top:16px;margin-bottom:18px;}
table.datatable caption {margin:0;padding:4px;color:#004153;text-align:left;font-size:1.6em;}
table.datatable thead tr {background-color:#f3f7f9;}
table.datatable th, table.datatable td {vertical-align:top;text-align:center;}
table.datatable td {padding:4px;}

table.datatable thead tr th {background-color:#f3f7f9;color:#4f6b72;border:1px solid #c1dad7;vertical-align:bottom;text-align:center;padding:4px;font-weight:800;}
table.datatable td {border:1px solid #c1dad7;background:#ffffff;color:#4f6b72;}
table.datatable tr:nth-child(even), table.datatable tr:nth-child(even) td, table.datatable tr:nth-child(even) th {background-color:#f5fafa;color:#636971;}
table.datatable tbody {border-top:2px solid #c1dad7;}
table.datatable tbody tr th {border:1px solid #c1dad7;padding:4px 0;font-weight:800;}

table.datatable td.highlight {font-weight:800;background-color:#eafbeb;}
table.datatable span.highlight {color:#f6843e;}
table.datatable tfoot tr td {font-size:0.9em;}

table.datatable td ul {margin-left:0;padding-left:1em;}
table.datatable td ul li {padding-left:0;margin-left:0;}
/* end tabular table styles */

/** content classes */

#content article h2 {margin-top:1.8em;clear:left;}

#content article h3 {margin-top:1.8em;clear:left;}

#content article h4 {margin-top:1.5em;clear:left;}

#content article .accordion h2, #content article .accordion h3, #content article .accordion h4 {display:block;}

.intro {font-size:160%;}

.counter {float:right;opacity:0.7;}

#content article dl.team {float:left;padding-left:0;}
.team dt {font-size:0.9em;font-style:italic;margin-bottom:0;line-height:100%;}
.team+h2, article#post-407 figure+h2 {clear:both;padding-top:2em;}

article#post-407 figure, article#post-1291 figure {float:left;margin-top:0.5em;margin-right:0.8em;}
article#post-407 figure figcaption em {font-size:0.9em;}

article#post-1291 figure {background:none;}
article#post-1291 figure {padding:0;margin-right:0;}
article#post-1291 figure img {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

form h2 {margin-top:2em;margin-bottom:0.8em;}

.footnote {clear:both;overflow:auto;margin:2em 0;font-size:0.8em;padding:1em 0 0 1em;border-top:1px solid #93785b;line-height:140%;}


.inline-object-alternate {float:left;margin-right:1em;margin-bottom:1em;}
.inline-object {float:right;margin-left:1em;margin-bottom:1em;}

div.equal, img.equal, figure.equal, iframe.equal {float:none;display:block;clear:both;margin-top:6px;margin-bottom:6px;margin-left:auto !important;margin-right:auto !important;}

div.youtubecontainer, iframe.youtubecontainer {padding:1px 1px 0 1px;max-width:100%;}

.youtubecontainer .caption {margin:0 !important;padding:2%;font-size:82%;
background-color:#d1dcd5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e8ece7 0%, #c5d4cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#e8ece7), to(#c5d4cc)); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8ece7 0%,#c5d4cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8ece7 0%,#c5d4cc 100%); /* IE10+ */
    background: linear-gradient(top,  #e8ece7 0%,#c5d4cc 100%); /* W3C */}


.imagecaptioncontainer, .imagecaptioncontaineralternate, .imagecaptioncontainercenter {
    overflow: auto;
    background-color: #eeeff0;
    text-align: left;
    font-size: .8em;
    padding: .5em .5em 1em;
    margin: 8px 0 2em 1em;
    border: 2px dotted #dccee4;
}
.imagecaptioncontainer {
    max-width: 96%;
    overflow: auto;
}
.imagecaptioncontainer img, .imagecaptioncontaineralternate img {
    display: block;
    margin-bottom: 4px;
    width: auto;
    border: 1px solid #000;
}

.imagecaptionoptionright {
    overflow: auto;
}
.imagecaptioncontaineralternate, .imagecaptionoptionleft {
    max-width: 96%;
    overflow: auto;
    margin: 8px 1em 2em 0;
}
#primary-content .imagecaptioncontainer p, #primary-content .imagecaptioncontaineralternate p, #primary-content .imagecaptioncontainercenter p {
    padding: 0;
    margin: 0;
    font-style: normal;
}


/** override cookieconsent styles **/
.cc-link, .cc-revoke:hover {text-decoration: none !important;}
/** end override cookieconsent styles **/

/** end content classes */

/** begin form styles */
fieldset.contact-info label {clear:left;float:left;width:20%;display:inline-block;text-align:right;margin-top:1em;margin-right:1em;}
label.required {font-weight:bold;}
fieldset.contact-info input, fieldset.contact-info select {float:left;clear:right;width:70%;margin-top:1em;}

fieldset.contact-info input[type=text].required, fieldset.contact-info input[type=email].required, fieldset.contact-info textarea.required, fieldset.questionnaire input[type=text].required, fieldset.questionnaire input[type=email].required, fieldset.questionnaire textarea.required {border-left-width:4px;}

fieldset.questionnaire div {overflow:auto;}
fieldset.questionnaire label {clear:left;float:none;display:block;margin-top:2em;}
fieldset.questionnaire textarea {min-height:40px;}
fieldset.contact-info textarea, fieldset.questionnaire textarea {width:84%;float:left;}

.entry-content form textarea+div.counter {float:left;display:inline;padding-left:1em !important;}

fieldset.contact-info input:invalid, fieldset.questionnaire input:invalid, fieldset.contact-info textarea:invalid, fieldset.questionnaire textarea:invalid {background-color:#f1f1f1;}

/** end form styles */

/** google cse overrides */
#___gcse_0 {padding-bottom:1em;}
.gsc-input-box {overflow:hidden;}
#content article .gsst_a, #content article .gs-label, #content article .gs-title {border-bottom-width:0;}
td.gsc-table-cell-snippet-close {padding-left:10px;}
/** end google cse overrides */


/** jQuery-ui styles */

/** begin accordion styles */
div.accordion {margin-left:16px;margin-bottom:10px;}
    aside div.accordion {margin-left:8px;}
div.accordion h2, div.accordion h3 {padding:4px 6px 4px 20px;margin:0;color:#636971;font-size:1.2em;background-image:url("/images/ui/accordion-closed.png");background-repeat:no-repeat;cursor:pointer;outline:none;}
div.accordion h2.ui-state-default, div.accordion h3.ui-state-default {background-position: 0 10px;}
div.accordion h3.ui-state-active, div.accordion h2.ui-state-active {background-image:url("/images/ui/accordion-open.png");background-position:0 10px;}
.accordion p, .accordion address {margin:4px 10px 10px 20px;padding:0 0 0 8px;border-left:1px solid #d2ccac;overflow:auto;}
.accordion table {margin-left:20px;padding-left:8px;}
.accordion address {padding-left:16px;}
.accordion ul, .accordion ol {margin:4px 10px 10px 20px;padding:0 0 0 14px;}
div.accordion ul li ul {margin-bottom:0;margin-left:0;}
div.accordion ul li, div.accordion ol li {margin-left:18px;}
 

.ui-state-default, .ui-widget-content .ui-state-default {border: 1px solid #c9c9c9;font-weight: bold;color: #1C94C4;outline: none;}

.ui-accordion .ui-state-default, .ui-accordion .ui-state-default {border:none !important;}

.ui-widget-content {border: 1px solid #aaa;}
.ui-accordion .ui-widget-content {border:none;}
#arch-projects-accordion.ui-accordion .scroll-bar-wrap.ui-widget-content {border: 1px solid #aaa;}

.ui-slider .ui-slider-handle {position: absolute;z-index: 2;cursor: default;
border:1px solid #c9c9c9;
background-color:#ccc;
}
.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;width: 16px;height: 16px;background-image: url('/images/ui/icons/jquery-ui-256x240-icons.png');}

.ui-accordion-header .ui-icon {visibility:hidden;height:0;width:0;}
.ui-accordion-header {padding-top:1em;margin-top:0 !important;}

/* begin control styles */
.scroller-viewer {width:480px;overflow:hidden;white-space:nowrap;}
.scroll-bar-wrap {padding: 0 4px 0 2px;}
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto; text-align: left;position:relative; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height:9px; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
#primary-content .scroller-viewer ul, .scroller-viewer ul {margin:0;padding:0;list-style-type:none;}
.scroller-viewer ul li {margin:0;padding:0 2px;display:inline;}
.scroller-viewer img {border:1px solid #f6843e;}
.scroller-viewer img:hover {border:1px solid #4f95b5;}

/** colorbox overrides */
#colorbox:focus {outline:none;}
#cboxWrapper, #cboxOverlay {overflow:visible !important;}
#cboxPrint {position:absolute;top:-20px;left:0;display:block;}
/** testing
#cboxLoadedContent {border:none !important;padding-right:0 !important;padding-left:0 !important;}
*/
#cboxClose {border:none;top:-20px !important;right:-6px !important;background-position:48% 0% !important;height:27px !important;}
#cboxCurrent {top:-19px !important;right:38px !important;}
#cboxTitle {top:-22px !important;text-align:center;background-color:transparent !important;width:100%;height:22px;}
#cboxPrevious, #cboxNext {border:none;}
/* #cboxPrevious {left:-28px;}
#cboxNext {right:-27px;} */
/** end colorbox overrides */

.controls {display:inline-block;line-height:74%;}
.controls a {display:inline-block;height:20px;width:20px;background-repeat:no-repeat;margin-left:1px;}
.controls a:hover {cursor:pointer;}
.controls a#control-previous {background-image:url('../images/controls/control-previous.png');}
.controls a#control-play {background-image:url('../images/controls/control-play.png');}
.controls a#control-pause {background-image:url('../images/controls/control-pause.png');}
.controls a#control-next {background-image:url('../images/controls/control-next.png');}

.counter {display:inline-block;margin-left:1em;font-size:90%;}
/* end control styles */

/* jQuery-ui styles */
.ui-state-default, .ui-widget-content .ui-state-default {border: 1px solid #c9c9c9;font-weight: bold;color: #1C94C4;outline: none;}

.ui-accordion .ui-state-default, .ui-accordion .ui-state-default {border:none !important;}

.ui-widget-content {border: 1px solid #aaa;}
.ui-accordion .ui-widget-content {border:none;}
#arch-projects-accordion.ui-accordion .scroll-bar-wrap.ui-widget-content {border: 1px solid #aaa;}

.ui-slider .ui-slider-handle {position: absolute;z-index: 2;cursor: default;
border:1px solid #c9c9c9;
background-color:#ccc;
}
.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;width: 16px;height: 16px;background-image: url('/images/ui/icons/jquery-ui-256x240-icons.png');}

.ui-accordion-header .ui-icon {visibility:hidden;height:0;width:0;}

.ui-icon-grip-dotted-vertical {background-position: 0 -224px;}

.scroll-content { white-space: nowrap; float: left; list-style-type: none; margin: 0 0 36px; }
.scroll-content li { display: inline; margin-right: 10px; position: relative; }
.scroll-content li:last-child { margin: 0; }
.scroll-bar-wrap { clear: left;margin-top:10px; padding: 0 4px 0 2px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color:#eee;}
.scroll-bar-wrap .ui-slider { background: none; border:0; margin: 0 auto;height:17px;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }

/** end jQuery-ui styles */

a.lightwindow.img {border-bottom:none;}

/** home styles */
#home-map {border:1px solid #c2c3c5;}
body.home #content article {width:100%;margin-left:0;}
body.home #content p {margin:0;}

#latest-news {overflow:hidden;
    background-color:#d1dcd5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e8ece7 0%, #c5d4cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#e8ece7), to(#c5d4cc)); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8ece7 0%,#c5d4cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8ece7 0%,#c5d4cc 100%); /* IE10+ */
    background: linear-gradient(top,  #e8ece7 0%,#c5d4cc 100%); /* W3C */
}


/** end home styles */

/** Contact Us styles */
    .ui-autocomplete {padding: 0;list-style: none;background-color: #fff;width: 218px;border: 1px solid #B0BECA;max-height: 350px;overflow-y: scroll;}

    .ui-autocomplete .ui-menu-item a {border-top: 1px solid #B0BECA;display: block;padding: 4px 6px;color: #353D44;cursor: pointer;}

    .ui-autocomplete .ui-menu-item:first-child a {border-top: none;}

    .ui-autocomplete .ui-menu-item a.ui-state-hover {background-color: #D5E5F4;color: #161A1C;}

	#fsc-submit-1 {margin-top:2em !important;}
/** end Contact Us styles */


/** override sharethis components */
.stButton {width:12px !important;}
.st_plusone > div {width:24px !important;}
/** end override sharethis components */

/** search pages */
.multiple-options {padding:1em;border:2px solid #d1d4d3;border-radius:12px;-khtml-border-radius:12px;
	-moz-border-radius: 12px;
	-webkit-border-radius:12px;
    box-shadow:1px 2px 1px #fefefe;
    -webkit-box-shadow:1px 2px 1px #fefefe;
    -moz-box-shadow:1px 2px 1px #fefefe;}
legend {\margin-left:0.5em;padding:0.5em;text-shadow:0 1px 0 #fefefe;}
.multiple-options input[type=checkbox] {margin-right:0.5em;}
/** end search pages */

/** override Google Custom Search */
.search .gs-result .gs-title, .search .gs-result .gs-title *, .search .gs-webResult div.gs-per-result-labels a.gs-label {color:#004153 !important;text-decoration:none !important;}
.search .titleLink, .search .sl-table a, .search .sl-table-ol a {color:#b9ccc3  !important;text-decoration:none !important;}
#adBlock {opacity:0.5 !important;}
/** end override Google Custom Search */

/** RESPONSIVE DESIGN */
@media only screen and (min-width:100px){

	.entry-content form div {float:none !important;width:100% !important;text-align:left !important;padding-left:0 !important;}

	#header-utilities nav {margin-bottom:1em;display:block;}

	#content {position:relative;padding-bottom:9em;}


	#secondary-tier {position:absolute;bottom:0;}

	#fancybox-content #content {max-width:280px;}
	#fancybox-content > div {overflow:visible !important;}

	#region-image {display:none;}
	#region-content {width:100%;}


    /** home */
	#region-selection-container {width:80%;margin:0 auto;}
	#home-region-select {text-align:center;}
	#home-region-select h2 {display:inline-block;}

	.mobile-content {font-weight:800;}
	
	/** responsive image, video objects */
	.flexible-object {max-width: 81%; min-width: 340px;}

}

@media only screen and (min-width: 480px) {
	#page {max-width:960px;}

	nav#menu-primary ul {display:none;}

	#content article {margin-right:0.4em;}

	#content aside {float:none;width:100%;}

	#content form label, #content form input {max-width:100%;}
	#content form span {white-space:normal !important;}
	
	.inline-object {float:right;margin:1em;}
	
	.flexible-object {max-width:98%;}
	

}


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

	#header-utilities nav {position:relative;top:auto;margin-bottom:0;float:right;}
	#header-utilities nav a#header-intranet-link {margin-right:1em;}
	    #logo {margin:28px 0 0 28px;}
            #copper-alliance-member {margin-bottom:16px;}

	#share-utilities {width:176px;min-height:20px;}
    #sitesearch {margin:42px 0 2px 0;}

	#content {min-height:388px;clear:both;padding-bottom:16px;padding-left:31px;padding-right:31px;}
	
        
	#content article {margin-right:0;min-height:200px;}

    #intro-content {float:left;width:62%;}
        #intro-content.home {width:48%;}
        #content article #intro-content h2:first-child, #content article h1:first-child + h2 {margin-top:0;}
	#content aside {float:right;width:35%;padding:4px 1px 4px 4px;margin-bottom:1em;}
        #content aside.home {width:48%;}
        #content article aside h2 {margin-top:0;}
        #content article aside h3 {margin-top:1em;margin-left:2px;}

	#logo {float:left;padding:0;width:322px;}

	nav select {display:none;}
	nav#primary-nav {background-color:#e4e7da;}
        nav#primary-nav ul {display:block;}

	#advanced-search fieldset {width:300px;float:left;}

	input[type="search"] {width:155px;}

	#secondary-tier {position:relative;width:20%;float:left;margin-left:0;border-top:3px solid #636971;padding-top:0.5em;font-size:0.85em;}
	#secondary-tier li {display:block;}

	.inline-object {float:right;margin:0 0 1em 1em;}

	#footer-contact, #footer-subscribe {float:left;background:transparent url('/images/ui/footer-divider.png') right center no-repeat;}
	#footer-contact {width:26%;}
	#footer-utility {float:left;width:47%;text-align:center;}
	#footer-subscribe {float:right;width:25%;text-align:right;min-height:130px;background-position:left center;}
	    #footer-subscribe ul li {display:inline-block;}
            #footer-subscribe ul li a {border-bottom:none;}
	

	#content article ul.columnlist {-moz-column-count:3;-webkit-column-count:3;column-count:3;
                            -moz-column-gap:3em;-webkit-column-gap:3em;column-gap:3em;}

	#fancybox-content #content {max-width:800px;}
	#fancybox-content > div {overflow:auto !important;}
	#region-image {width:40%;display:block;}
	#region-content {width:55%;}

	/** home */
	#region-selection-container {width:auto;margin:0;}
	#home-region-select {float:right;width:161px;text-align:left;}
	#home-region-select h2, #home-region-select h2:first-child {display:block;}
	.home #map {display:block;}
	

	/** hesd */
	
	.columns-seven {}
	.sidebar-extra {margin-bottom:1em;}

	.mobile-content {display:none !important;}
	
	.flexible-object {max-width: 100%; min-width: 350px;}
}

@media only screen and (min-width: 1024px) { /* used to be 1036px */
 
    #page {
        width:960px; /* 1140px - 10% for margins */
        margin:20px auto 0 auto;
    }

            .secondary-nav {width:960px;}

	/** hesd */
	#content.hesd article.no-cta {width:77%;}
	.columns-seven {float:left;width:400px;}
	.columns-nine {float:left;width:474px;}
	.sidebar-extra {float:right;width:220px;margin-left:20px;margin-bottom:4em;}
    
    .imagecaptioncontainer, .imagecaptionoptionright, .initialimagecaption {
        float: right;
    }
    .imagecaptioncontaineralternate, .imagecaptionoptionleft, div.alternate {
        float: left;
    }
	
}


/** IE hacks, dislike doing this, but this browser drives me crazy with it's terrible css support */
.ie6 #header-utilities, .ie7 #header-utilities {width:290px;}
.ie8 #header-utilities {width:310px;}
.ie6 #header-utilities nav, .ie7 #header-utilities nav, .ie8 #header-utilities nav {overflow:hidden;}
.ie6 #share-utilities, .ie7 #share-utilities, .ie8 #share-utilities {display:inline;width:200px;}
.ie6 .st_plusone, .ie7 .st_plusone, .ie8 .st_plusone {display:none;}
.ie6 #header-utilities nav img, .ie7 #header-utilities nav img, .ie8 #header-utilities nav img {vertical-align:text-bottom;}

.ie6 #home-region-select h2, .ie7 #home-region-select h2, .ie8 #home-region-select h2 {display:block;}
.ie6 #home-region-select h2.mobile-content, .ie7 #home-region-select h2.mobile-content, .ie8 #home-region-select h2.mobile-content {display:none;}

.ie7 div#fancybox-content, .ie8 div#fancybox-content {font-family:sans-serif;}

ie6 div#fancybox-content h1, .ie7 div#fancybox-content h1, .ie8 div#fancybox-content h1 {line-height:1.5em;}

.ie6 input[type=checkbox], .ie7 input[type=checkbox], ie8 input[type=checkbox] {border:none;margin:0;}

.ie6 #font-size-adjustment, .ie7 #font-size-adjustment, .ie8 #font-size-adjustment {display:inline;}
/** end IE hacks */

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }

  /** hide the following DOM elements for printing */
  #header-utilities, #primary-nav, #secondary-tier, #footer-utility, #footer-subscribe {display:none;}
  #branding {margin-bottom:1em;}
}