/*
Theme Name: Cooper Co
Theme URI: http://smackhappydesign.com
Description: Web design
Author: Smack Happy Desgin
Version: 1.0
Tags: black, blue
*/


/* -------- reset.css - v1.0 | 20080212 ------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*fonts*/
body{font:16px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* -------- begin html tag settings --------- */
BODY {
	background: #fff url('images/about-section-bg.jpg') center 136px no-repeat;
	color: #666;
	font-family: Verdana, Arial, Helvetica, clean, sans-serif;
	line-height: 18px;
	text-align: center;
}
TD {
	padding: 4px;
}

h1,h2,h3,h4,h5 {
  clear: both;
  font-weight: normal;
}
h1 {
	color: #666;
	font: normal 167%/1em "News Cycle", helvetica, arial, sans-serif;
	text-transform: uppercase;
}
h2 {
	color: #008fc5;
	font-size:116%;
}
h2.subtitle {
  margin: 1em 0 .8em 0;
  text-transform: uppercase;
}
h3 {
	color: #666;
	font-size:100%;
}
h3.subtitle {
	color: #008fc5;
  margin: 1em 0;
	font-size:108%;
}
.parent-pageid-29 .entry-content h2,
.parent-pageid-52 .entry-content h2 {
  font-weight: bold;
}
.mgmt-desc h3, h3.board-title {
  margin-bottom: 1em;
}
h4 {
	color: #14477d;
	font-size: 93%;
}
h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
	color: #666;
}
h5 {
	margin-top: 10px;
}
strong {
	color: #008fc5;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	text-align:left;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px;
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

a,a:visited {
	text-decoration: none;
	color: #008fc5;
}

strong a {
	text-decoration: underline;
}


p {
	font-size: 93%;
	line-height: 18px;
}

table {
	width: 100%;
	font-size: 93%;
	margin: 0px 0 20px;
	border-bottom: solid 1px #666;
}

th {
	color: #666;
	padding: 5px 10px;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	font-weight: bold;
	white-space: nowrap;
	height: 46px;
	vertical-align: middle;
}

td {
	border: none;
	padding: 10px;
	color: #666;
	line-height: 18px;
	vertical-align: top;
}

table.leadership, table.leadership-main {
	border-bottom: none;
}

table.leadership td, table.leadership-main td {
	border: none;
	padding: 10px 0;
}

table.leadership h1, table.leadership-main h1 {
	position: static;
	font-size: 100%;
	text-transform: none;
	margin-bottom: 5px;
}
table.leadership h1 span, table.leadership-main h1 span {
	color: #008fc5;
	font-weight: bold;
}

table.leadership img, table.leadership-main img {
	padding-right: 20px;
}

table.pagination {
	margin-top: 0;
}

table.pagination td {
	width: 33.33%;
	background-color: #fff;
}

table.pagination td {
	border: none;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}




/* ---------- begin structural settings ---------------- */
#container {
	font-size: .8em;
	float: left;
	margin: 0 auto;
	width: 100%;
}
#wrapper {
	margin: 0 auto;
	max-width: 940px;
}

#header {
	float:left; width:100%;
}

#ticker {
	font-size: 108%;
	text-align: right;
	color: #777;
	margin-top: 10px;
}

#logo {
	float: left;
	margin-top: 10px;
}

.date,
.price {
	color: #14477d;
}

.date {
	text-transform: uppercase;
	font-size: 79%;
}

.disclaimer {
	font-size: 79%;
	color: #999;
}


#nav {
	float: right;
	margin-top: 32px;
}
#nav h2 {display: none;}
#nav ul {
	font-weight: 600;
}
#nav ul li {
}
#nav a {
	color: #14477d;
	display: block;
  font: bold 16px/1.2em "News Cycle", helvetica, arial, sans-serif;
	padding: 2px 16px;
	text-transform: uppercase;
}
#nav #menu-item-14 a {
  padding-right: 0;
}
#nav .current-menu-item a, #nav .current_page_item a, #nav .current-page-ancestor a {
	color: #777;
}
#nav a:hover, #nav a:active {
  color: #666;
}

#page {
	background: #fff;
	float: left;
	text-align: left;

	padding: 29px 30px 38px 29px;
	margin: auto;
	margin-top: 240px;
	opacity: 0.97;
	filter: alpha(opacity=97);
	position: relative; width:940px;
}

#content {
	float: right;
	text-align: left;
  width: 620px;
}
#content.one-column {
	width: 940px;
}

#sidebar {
	float: left;
	margin: 0 0 20px 0;
	width: 300px;
}
#sidebar h2 {
	padding: 20px 0 0 0;
}
#sidebar ul li {
	width: 100%; /* for ie 7 */
	list-style: none;
}
#sidebar .widget_text h3 {
  color: #008FC5;
  font: normal 24px/1.2em "News Cycle", helvetica, arial, sans-serif;
  margin-bottom: 14px;
  text-transform: uppercase;
}
#sidebar #nav_menu-2 h3 {
	color: #666;
	font: normal 22px/1em "News Cycle", helvetica, arial, sans-serif;
	text-transform: uppercase;
}
#sidebar #nav_menu-2 ul.menu {
  margin-top: 12px;
}
#sidebar #nav_menu-2 ul.menu > li {
  border-top: 1px solid #E5E5E5;
  margin: 0;
  padding: 9px 0;
}
#sidebar #nav_menu-2 a {
  color: #14477d;
	font: normal 16px/1em "News Cycle", helvetica, arial, sans-serif;
	text-transform: uppercase;
}
#sidebar #nav_menu-2 .current-menu-item a,
#sidebar #nav_menu-2 .current_page_item a,
#sidebar #nav_menu-2 .current-page-ancestor a {
	color: #008fc5;
	background: url("images/subnav-carrot.jpg") 0 8px no-repeat;
	padding-left: 12px;
}
#sidebar #nav_menu-2 a:hover {
  color: #008fc5;
}
#sidebar #nav_menu-2 .sub-menu {
  display: none;
}
#sidebar #nav_menu-2 .current-menu-item .sub-menu,
#sidebar #nav_menu-2 .current_page_ancestor .sub-menu,
#sidebar #nav_menu-2 .current-page-ancestor .sub-menu {
  display: block;
}
#sidebar #nav_menu-2 .sub-menu li {
  padding: 6px 0 0 0;
}
#sidebar #nav_menu-2 .sub-menu a {
  background: none;
  color: #666;
  font: normal 14px/1em verdana, arial, sans-serif;
  text-transform: none;
}
#sidebar #nav_menu-2 .sub-menu .current-menu-item a,
#sidebar #nav_menu-2 .sub-menu .current_page_item a,
#sidebar #nav_menu-2 .sub-menu .current-page-ancestor a {
	color: #008fc5;
	}

#footer {
	border-top: solid 1px #ccc;
	clear: both;
	color: #666;
	float: left;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	width: 1000px;
}
#footer a {
	font-size: 83%;
	text-transform: uppercase;
}
#footer a:hover {
	color: #ccc;
}
#footer ul, #footer li {
  list-style: none;
	margin: 0;
}
#footer-nav {
  clear: both;
  float: left;
}
#footer .menu li {
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #ccc; font-size:11px;
}
#footer .menu li#menu-item-190 {
  border: 0;
}
.copyright {
	float: left;
	font-size: 88%;
}


.nav, .nav ul, .menu, .menu ul  {
	margin: 0;
	padding: 0;
}
.nav li, .menu li {
	float: left;
	list-style: none;
	margin: 0;
}
.nav a, .menu a {
	text-decoration: none;
}
.hide {display: none;}
.date, .help {
	color: #777;
	font-size: .9em;
}
.date,
.price {
	color: #14477d;
}
.date {
	text-transform: uppercase;
	font-size: 79%;
}

.landingpage .gridCell {height: 220px !important;}

.linkcat {
	list-style: none;
}
#content ul.blogroll {
	margin-bottom: 20px;
}
#content ul.blogroll li {
	margin-bottom: 8px;
}



/* buttons */
a.button, input[type="submit"] {
	background: #008FC5 url('images/button/gradient.png') center center repeat-x;
	border: 1px solid #14477D;
	color: #fff;
	cursor: pointer;
	font-size: 12px; width:30%;
	font-weight: 500;
	text-align: center;
  text-shadow: #14477D 1px 1px 1px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-transform: uppercase;
}
a.button {
	display: inline-block;
	min-width: 100px;
	padding: 12px;
	text-decoration: none;
}
input[type="submit"] {
	padding: 4px 16px;
}
a.button:hover, input[type="submit"]:hover {
	background-color: #027fb2;
}



.formBuilderForm .formBuilderSubmit {
  clear: both;
  text-align: left !important;
	margin-left: 170px;
	padding-top: 20px;
}

.alt {
	background-color: #e4f3f8;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}


.blue-box {
	background-color: #e5f4f9;
	font-size: 93%;
	margin-top: 10px;
	padding: 5px 0;
	height: 76px;
}
.blue-box a {
	color: #008fc5;
}
.blue-box ul {
	margin: 0;
	margin-left: 35px;
}
.blue-box li {
	list-style-image: url('images/blue-arrow.png');
	padding: 3px 0;
}

.products {
  float: left;
  margin: 34px 0;
}
.products a {
  float: left;
  margin-right: 17px;
}
.products a.last {
  margin-right: 0;
}
.products br {display: none;}
.cs-products {
  float: left;
  text-align: center;
  width: 25%;
  margin: 10px 0 0 0;
  font-size: 1.2em;
}
#content .cs-products img {
  margin: 0 auto;
  width: 85%;
}

#link-logo {
  position: absolute;
  width: 260px;
  height: 150px;
  top: -200px;
  right: 50px;
}
#about-cvi, #about-csi {
  position: absolute;
  top: -160px;
  width: 170px;
  height: 50px;
}
#about-csi {
  right: 50px;
}
#about-cvi {
  right: 210px;
}
.toggleMenu{ display:none}

.on_mobile{ display:none}
.page-template-onecolumn-page-php .status-publish .entry-content{ margin-top:20px}

.paged #nav-above, .single #nav-above{ display:none!important}
#content .entry-content .wp-image-338{ margin-top:0 !important}



@media only screen and (min-width:1125px) and (max-width:1499px) {
#wrapper{ width:98%; overflow:hidden}
.banner-image{ background-size:100% auto !important; height:425px !important;}
#page, #content.one-column, #footer, #page-width{width:100% !important; box-sizing:border-box; float:left}

#page{ margin-bottom:48px; margin-top: 340px !important; box-sizing:border-box}
#header #nav a{ font-size:16px;}
#header #logo {margin-top: 70px;}
#banner-pages{ left:auto!important; right:0px; top:308px !important; float:right; width:188px!important; margin:0!important; padding:0 !important }
#ticker{ float:right}
.blue-box{ margin-top:0 !important}
.home .features{ float:left; width:100%;}
.home .features a{ width:32.3333333%; float:left; box-sizing:border-box; margin:0 .5%}
#sidebar{ float:left; width:30%}
#content{ float:right; width:66%}
.products a{ width:48%}
.products a img{ width:100%;}
.products{ float:left; width:100%;}
.products > a#avaira{ width:25%; margin-right:5px !important; background-size:100%}
.products > a#biofinity{ width:25%; margin-right:5px !important; background-size:100%}
.products > a#proclear{ width:25%;background-size:100% }
div.top-employer { width:60%;}
div.top-employer img { max-width:100%; height:auto;}

}

@media only screen and (min-width: 1125px) {
    .blue-box{ float:left; width:100%; height:auto !important;  box-sizing:border-box; margin-top: 30px !important}
    .blue-box-text{width:100% !important; height:auto !important; }
}

@media only screen and (min-width: 320px) and (max-width: 1124px) {

#wrapper{ width:96%; overflow:hidden}
#logo{ margin-top:30px;}
#page, #content.one-column, #footer, #page-width{width:100% !important; box-sizing:border-box; float:left}
.page-width{width:100% !important;  }
#banner-rotator .page-width{width:100% !important;  display:none !important  }
#page{ margin-bottom:48px; margin-top: 200px !important; box-sizing:border-box}
#header #nav a{ font-size:12px;}
#banner-pages{ left:auto!important; right:0px; top:181px !important; float:right }
#ticker{ float:right}

.banner-image{ background-size:100% auto !important; height:325px !important;}

.home .features{ float:left; width:100%;}
.home .features a{ width:32.3333333%; float:left; box-sizing:border-box; margin:0 .5%}
.blue-box{ float:left; width:100%; height:auto !important;  box-sizing:border-box}
.blue-box-text{width:100% !important; height:auto !important; }

.top-employer{ width:50%}
.top-employer img{ max-width:100%}
#content{ width:66%}
#sidebar{ margin-top:0; width:30%}
#content .products.leadership img{ width:100%}

#sidebar .widget_text h3{ font-size:20px; line-height:24px}
body{background-size:100% auto !important;}
.products a{ margin-bottom:15px;}
.products .features a{ width:100%}
#banner-rotator{ top: 119px !important;}
.products a{ width:48%}
.products a img{ width:100%;}

/*.features{ text-align:center}
.features a{ float:none}*/
}


@media only screen  and (max-width: 767px) {
.top-employer{ float:left; width:100%; padding-bottom:10px;}
#menu-main-nav li a:hover{ color:#000;}
#menu-main-nav li.current-menu-item a{ color:#000;}

#banner-rotator{ top:88px !important}
.banner-image{ width:100% !important}
#footer-nav, #overlay, .copyright{ float:left; width:100%; text-align:center}
#footer{ margin-top:20px;}
.top-employer img{ margin-left:-20px}
#nav{float:left; width:108%; margin-top:10px;}
.menu-header{ float:left; width:100%; background:#008fc5; z-index:9999; position:absolute; top:57px; padding:15px 0;  margin:0 -2%; display:none; box-sizing:border-box }

#nav li, .menu li{ text-align:center; width:100%}
#nav li a, .menu li a{ width:100%; padding:5px 4%; color:#fff; text-align:left; box-sizing:border-box;}
.toggleMenu{ font-size:0 !important; position:absolute; right:10px; top:27px; z-index:99999; width:30px; float:left; height:30px; background:url('images/toogle_icon.jpg') no-repeat right 0; font-size:12px; color:#114483 !important; line-height:13px; display:block }
a.toggleMenu span {
    background-color:#114483;
    background-image: none;
    display: block;
    height: 3px;
    margin-top: 3px;
    width: 100%;
}
#footer { text-align:center}
#footer .menu li{ width:auto; float:none; display:inline-block; white-space:nowrap; margin-right:0}

#footer a{ color:#008fc5}
#page{padding: 10px 10px 10px; margin-bottom:0}

.hentry{ margin:0 !important}
.decade{padding: 5px 10px !important;}
#sidebar .widget_text h3{ font-size:14px; line-height:18px;}
#sidebar #nav_menu-2 h3{ font-size:14px;}
#sidebar #nav_menu-2 ul.menu > li{ padding:5px 0}
#sidebar #nav_menu-2 a{ font-size:12px;}

#sidebar #nav_menu-2 .current-menu-item a, #sidebar #nav_menu-2 .current_page_item a, #sidebar #nav_menu-2 .current-page-ancestor a{ background-position:0 10px;}



#logo{ float:left; margin-top:10px;}
#ticker{ width:100%; text-align:center; padding:10px 0 0 0; margin:0; font-size:11px;}
/*.features{ text-align:center}
.features a{ float:none}*/
h1{ font-size:120%}
h2{ font-size:100%}
#header{ text-align:center}

#banner-rotator{ margin-top:13px !important;}
#menu-about-us{ display:none}
.on_mobile{ list-style:none; width:100%; height:30px; display:block}

.on_mobile select{ width:100%; padding-left:5px; height:30px; border:1px solid #ccc; border-radius:0; color:#14477d; font-size:14px; line-height:18px; -webkit-appearance:none; background:url('images/select_menu_icon.png') no-repeat 97% 10px;  }
.on_mobile select option{ padding:0 5px}
.menu-about-us-container{ position:relative; }
.on_mobile select .blank{ display:none}
#sidebar #nav_menu-2 h3{ display:none}
#sidebar{ width:100%; float:left; }
#content{ width:100%; float:left}
.products a {
  float: left;
  margin-right:11px;
}
#banner-pages{ top:141px !important;}
#page{margin-top: 160px !important;}

#content .entry-content #gform_1 .gform_body ul li{ float:left; width:100%;}
#content .entry-content #gform_1 .gform_body ul li .ginput_container{ float:left; width:100%;}
#content .entry-content #gform_1 .gform_body ul li .ginput_container span{ float:left; width:100%; }
#content .entry-content #gform_1 .gform_body ul li .ginput_container span input[type="text"]{ width:97% !important; padding:5px 1% !important; border:1px solid #888888}
#content .entry-content #gform_1 .gform_body ul li .ginput_container input[type="text"]{ width:97% !important; padding:5px 1% !important; border:1px solid #888888}
#content .entry-content #gform_1 .gform_body ul li .ginput_container span select{ width:99%!important; margin-left:0 !important; border:1px solid #888888}
#content .entry-content #gform_1 .gform_body ul li .ginput_container textarea{border:1px solid #888888; width:99%!important;}


}
@media only screen  and (max-width: 640px) {
#page{margin-top: 120px !important; }
#banner-pages{ top:121px !important;}
.home .features{ float:left; width:100%; text-align:center}
.home .features a{ width:100%; margin:0}
.home .features a img{ margin:0 !important}
.cs-products p{ margin-bottom:0 !important}
.products{ text-align:center !important; width:100% !important}
.products a{ float:none !important; display:inline-block !important}
h2.entry-title{ padding-top:10px}
h1.entry-title{ padding-bottom:10px}
#searchform{ margin-top:20px; margin-bottom:-27px}
.widget_search #s{ width:66%!important}


#commentform input[type='text']{ width:95%; float:left }
#respond{ overflow:auto!important}
.home #page{margin-top:140px !important; padding-top:20px}
}

@media only screen  and (max-width: 480px) {
#page{    margin-top: 70px !important;}

.home #banner-pages{ top: 51px !important;}
.gform_wrapper .ginput_complex .ginput_left{ width:100% !important}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:99% !important}
.gform_wrapper .ginput_complex .ginput_right{ width:100% !important}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:95% !important}
.gform_wrapper .ginput_complex .ginput_full input{ width:95% !important}
.gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select{ width:95% !important}
.gform_wrapper textarea.medium{ width:97% !important; height:80px !important}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input{ width:98% !important}
.gform_wrapper .gfield_error .ginput_complex .ginput_right input{ width:98% !important}


/*.features a{idth:100%}*/

body{ background-position:center 130px}
#banner-rotator{ margin-top:-30px !important;}
.cs-products{ width:50%; padding-bottom:15px}
#content .cs-products img{ width:95%}

.page-template-management-php #page .entry-content{ float:left; width:100%; text-align:center}
.page-template-management-php #page .entry-content .person{ margin-right:0; float:none; width:auto; margin-bottom:30px; min-height:inherit}

.page-template-management-person-php #page .entry-content{ float:left; width:100%; }
.page-template-management-person-php #page .entry-content .mgmt-desc{ float:left; width:100%}
.blog #content{ margin-bottom:20px}

.blog #content .widget-area ul li form input[type="submit"]{ padding:2px 10px !important}

.gform_wrapper #gform_1 .gform_body input[type="text"]{ float:left; width:97% !important; padding:5px 1%}
.gform_wrapper #gform_1 .gform_body select{width:99.5% !important; }
.gform_wrapper #gform_1 .gform_body textarea{width:99.5% !important;}

.gform_wrapper #gform_1 .gform_body{ float:left; width:100%;}
#gform_wrapper_1 form .gform_footer{ margin-top:0!important}
.gform_wrapper #gform_1 .gform_body #gform_fields_1{ margin-bottom:0}
#page .cs-products{ display:inline-block; vertical-align:top; width:49%; float:none;}
#page .entry-content .features{ width:100%; text-align:center}
#page .entry-content .features img{ float:none}
#content .entry-content{ float:left !important; width:100% !important;}
#content .entry-content .blue-box ul{ margin-bottom:0}

.products a{ margin-right: 0; }
.home #page{margin-top:70px !important;}

}


@media only screen  and (max-width:359px) {
.home #page{    margin-top: 56px !important;}
.home #banner-pages{ top: 37px !important;}
#banner-rotator{ margin-top:-46px !important;}
.copyright {font-size: 72%;}
#menu-footer{ font-size:80%}
input[type="submit"]{ padding:4px 10px}
.widget_search #s{ padding:5px 0}


.products > a span { text-align:left !important}
.products a{ float:none !important; display:inline !important}
}

.page-id-9 .on-mobile, .page-id-10 .on-mobile, .page-id-12 .on-mobile { display: none; }