/****************************************************************************************
Copyright (c) Elanco(Elanco).

This software is the confidential and proprietary information of Elanco. ("Confidential Information"). You shall not disclose such Confidential Information and shall use it only in accordance with the terms of the license agreement you entered into with Elanco.

VERSION 	2.0
AUTHOR		Doug Scamahorn

DATE       	NAME           	DESCRIPTON
7/26/2006  	Doug Scamahorn  Modifications for design update.

****************************************************************************************/
/* REDEFINED TAGS ------------------------------------------------------ */
body {
	position: absolute;
	left: 50%;
	width: 720px;
	margin: 0 0 0 -360px;
	padding: 0;
	background-color: #3040AB;
	background-image: url(images/background.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	voice-family: "\";}\"";
	voice-family: inherit;
}
a {
	color: #2462AB;
	text-decoration: underline;
}
img {
	margin: 0;
}


/* PAGE STRUCTURE ------------------------------------------------------ */
#header, #content, #footer {
	border-left: 1px solid #6386AE;
	border-right: 1px solid #6386AE;
	border-bottom: 1px solid #6386AE;
}
#header, #footer, .globalNav {
	width: 718px;
}
/* HEADER STYLES ------------------------------------------------------ */
#header {
	padding: 0;
	margin: 0;
	background-color: #D9E3EF;
	height:57px;
	float:left;
}
.tagline {
	margin: 3px 15px 0 0;
	font-size: 110%;
	color: #369;
	float: right;
	vertical-align: bottom;
	text-align:right;
}
.tagline a {
	font-size: 80%;
	color: #2462AB;
	text-decoration: underline;
}
/* GLOBAL NAV ------------------------------------------------------ */
.globalNav {
	margin:0;
	padding: 0;
	height: 21px;
	background-color: #afc4d9;
	clear:both;
	width: 720px;
	background-image:url(images/bg_nav_global.gif);
	background-repeat:repeat-x;
	border-bottom: 1px solid #6386AE;

}
.globalNav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style:none;
}
.globalNav li {
	float: left;
}
.globalNav ul a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height: 21px;
	width: 144px;
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
	text-decoration: none;
	text-align:center;
	line-height: 21px;
	vertical-align:middle;
}
.globalNav ul a:hover {
	width: 142px;
	background-color: #D9E3EF;
	border-right: 1px solid #6386AE;
	border-left: 1px solid #6386AE;
}
#home_page .globalNav .home a, #about .globalNav .about a, #products .globalNav .products a, #technology .globalNav .technology a, #locations .globalNav .locations a, #species .globalNav .species a, #careers .globalNav .careers a {
	width: 142px;
	background-color: #D9E3EF;
	border-right: 1px solid #6386AE;
	border-left: 1px solid #6386AE;
	/*cursor: default;*/
}
/* IMAGE BANNER STYLES ------------------------------------------------------ */
.image_banner img {
	border-bottom: 1px solid #6386AE;
	border-left: 1px solid #6386AE;
	border-right: 1px solid #6386AE;
}
.image_col_right img {
	border-bottom: 1px solid #6386AE;
}
.image_col_left img {
	border-bottom: 1px solid #6386AE;
	border-right: 1px solid #6386AE;
}
.subNav .image_col_left img, .leftCol .image_col_left img {
	border-bottom: 1px solid #6386AE;
	border-right: 0px solid #6386AE;
}
/* SUB NAV ------------------------------------------------------------- */
.subNav {
	background-color: #D9E3EF;
	border-right: 1px solid #6386AE;
}
.subNavTitle {
	padding: 3px 0 3px 5px;
	background-color: #AAC0DA;
	display: block;
	color: #333;
	font-weight: bold;
	font-size: 90%;
	border-bottom: 1px solid #6386AE;
}
.subNav a {
	padding: 3px 0 3px 15px;
	color: #666;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #6386AE;
	border-collapse:collapse;
}
.subNavHead {
	padding: 3px 0 3px 15px;
	color: #666;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-collapse:collapse;
}
.subNav a.selected, .subNav a:hover {
	color: #2462AB;
	background-image: url(images/selected_arrow.gif);
	background-repeat: no-repeat;
}
.subNav .subSubNav a {
	padding: 3px 0 3px 25px;
	background-color: #FFF;
	color: #888;
	font-weight: normal;
	border-bottom: 1px dotted #91AECF;
}
.subNav .subSubNav a.selected, .subNav .subSubNav a:hover {
	color: #2462AB;
	background-image: url(images/selected_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
}
.subNav form {
	margin: 0;
}
.subNav select {
	margin: 0;
	padding: 0;
	background-color: #D9E3EF;
	border: 1px solid #CCC;
	font-size: 90%;
}
/* CONTENT STYLES ------------------------------------------------------ */
#content {
	background-color: #FFF;
}
.contentArea {
	padding: 0 10px 15px 10px;
	line-height:135%;
}
.contentArea p {
	color: #666;
	clear: left;
	margin:0 0 10px 0;
}
.contentArea h1 {
	margin: 15px 0 15px 0;
	color: #2462AB;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
	line-height:150%;
}
.contentArea img {
	float: right;
	padding-right: 20px;
	margin: 0 0 10px 10px;
}
.contentArea h2 {
	margin: 15px 0 0 0;
	width: 100%;
	color: #333;
	font-size: 100%;
}
.contentArea li {
	color: #666;
}
.mylinks .subNavTitle{
	background:none;
	padding-left:0px;
}
.mylinks a{
	display: block;
	/*width:200px;*/
}
/* Text Formatting */
sup {
	line-height: 0;
}
.footnote {
	font-style:italic;
}
.new_label {
	color: #FF0000;
	font-weight: bold;
}
/* PRODUCT STYLES --------------------------------------------------- */
.coban h2 {
	border-bottom: 1px solid #FC3;
}
.elector h2 {
	border-bottom: 1px solid #090;
}
.elector_bait h2 {
	border-bottom: 1px solid #090;
}
.elector_psp h2 {
	border-bottom: 1px solid #F93;
}
.ivy h2 {
	border-bottom: 1px solid #1e5494;
}
.maxiban h2 {
	border-bottom: 1px solid #903;
}
.micotil h2 {
	border-bottom: 1px solid #3CF;
}
.monteban h2 {
	border-bottom: 1px solid #096;
}
.optaflexx h2 {
	border-bottom: 1px solid #096;
}
.paylean h2 {
	border-bottom: 1px solid #063;
}
.posilac h2 {
	border-bottom: 1px solid #9C6;
}
.pulmotil h2 {
	border-bottom: 1px solid #909;
}
.rumensin h2 {
	border-bottom: 1px solid #F60;
}
.standguard h2 {
	border-bottom: 1px solid #F33;
}
.topmax h2 {
	border-bottom: 1px solid #0d56a5;
}
.tylan_injection h2 {
	border-bottom: 1px solid #C00;
}
.tylan_premix h2 {
	border-bottom: 1px solid #09C;
}
.tylan_soluble h2 {
	border-bottom: 1px solid #09C;
}
.tylan_sulfag h2 {
	border-bottom: 1px solid #CC6;
}
/* FORM STYLES ------------------------------------------------------ */
form {
	margin: 0;
}
.formHint {
	color:#666666;
	font-size: 90%;
}
.formError {
 background-color: #FFFFCC;
 padding: 0 3px 0 3px;
 border:dashed 1px #900;
}
.contentArea .required {
	color: #900;
	font-weight: bold;
}
.contentArea label {
	font-size: 100%;
	font-weight: bold;
}
.contentArea input {
	font-size: 100%;
	color: #333;
	border: 1px solid #6386AE;
}
.contentArea select {
	font-size: 100%;
	color: #333;
	border: 1px solid #6386AE;
}
.contentArea textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #333;
	border: 1px solid #6386AE;
}
.contentArea .button {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #369;
	background-color: #AAC0DA;
}
.contentArea .radioButton {
	border: none;
}
.errorMsg {
	color:#900;
}
.editLink {
	font-weight:normal;
}
.error {
	border: #900 solid 1px;
	padding: 4px;
	background-color:#eee;
	margin-top: 8px;
	margin-bottom: 8px;
}
.error ul{
	margin-top: 0px;
	margin-bottom: 0px;
}
.error_head {
	color: #900;
	font-weight:bold;
}
/* TOUT STYLES ------------------------------------------------------ */
.toutArea {
	padding: 20px 0 0 0;
	line-height:normal;
}
.tout {
	width: 138px;
	margin: 0 0 15px 0;
	border: 1px solid #CCC;
}
.tout h1 {
	margin: 0;
	padding: 0 3px 3px 3px;
	color: #333;
	font-weight: bold;
	font-size: 95%;
	border-bottom: 1px solid #CCC;
}
.tout p {
	padding: 0 3px 0 3px;
	color: #2462AB;
}
.tout img, .tout a {
	float:none;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	color: #000;
}
.toutLandingPage {
	width: 138px;
	margin: 0 0 15px 0;
	border: 1px solid #CCC;
}
.toutLandingPage h1 {
	margin: 0;
	padding: 3px 3px 3px 3px;
	color: #fff;
	font-weight: bold;
	font-size: 95%;
	border-bottom: 1px solid #CCC;
	background-color:#AFC4D9;
}
.toutLandingPage p {
	padding: 0 3px 0 3px;
	color: #2462AB;
}
 .toutLandingPage a {
	float:none;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	color: #000;
}
.toutContentArea {
	width: 100%;
	margin: 15px 0 15px 0;
	border: 1px solid #CCC;
	background-color:#D9E3EF;
	line-height:normal;
}
.toutContentArea h1 {
	margin: 0;
	padding: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 95%;
	border-bottom: 1px solid #CCC;
	background-color:#AFC4D9;
}
.toutContentArea p {
	padding: 0 3px 0 3px;
}
/* INTERSTITIAL PAGE STYLES ------------------------------------------------------ */
/* these styles control appearance of elements included in the interstitial pages that launch while trying to leave the site 
*/
body#interstitial {
	position:relative;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #EEE;
	background-image: none;
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	voice-family: "\";}\"";
	voice-family: inherit;
	text-align:center;
	height: 100%;
}
#interstitial_outline {
	background-color: #EEE;
	padding: 20px;
}
#interstitial_outline .information {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #666;
	height: 238px;
}
#interstitial_outline h1 {
	font-size: 100%;
	font-weight: bold;
	color: #C00;
} 
#interstitial_outline p {
	font-size: 90%;
}
#interstitial_outline table {
}
#interstitial_outline input {
	font-size: 80%;
	cursor: hand;
	height: 20px;
	width: 75px;
	background-color: #EEE;
	border: 1px solid #666;
}

/* FOOTER STYLES ------------------------------------------------------ */
#footer {
	padding: 12px 0 12px 0;
	background-color: #FFF;
	text-align: center;
	clear:both;
}
#footer, #footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.footerUSA {
	font-size: 80%;
	color: #959595;
}
/* HOME PAGE STYLES ------------------------------------------------------ */
/* Redefined styles for home page. */
#home_page #header {
	height:70px;
}
#home_page #content {
	background-color: #D9E3EF;
}
#home_page .rightCol {
	border-left: 1px solid #91AECF;
}
#home_page .contentArea h1 {
	color: #333;
	font-size: 100%;
}
#home_page #footer {
	background-color: #D9E3EF;
}
/* Unique styles for home page. */
#home_page #content select {
	margin: 0;
	padding: 0;
	background-color: #D9E3EF;
	border: 1px solid #CCC;
	font-size: 90%;
}
.leftCol {
	border-right: 1px solid #91AECF;
}
.leftCol .title, .rightCol .title {
	padding: 5px 0 5px 5px;
	background-color: #C0D0E2;
	border-top: 1px solid #91AECF;
	border-bottom: 1px solid #91AECF;
	display: block;
	color: #333;
	font-size: 110%;
}
.leftCol a, .rightcol a {
	padding: 3px 0 3px 15px;
	color: #333;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted #91AECF;
}
.leftCol a:hover, .rightcol a:hover {
	text-decoration: underline;
}
/* POP-UP STYLES ------------------------------------------------------ */
#popheader {
	padding: 0;
	margin: 0;
	background-color: #D9E3EF;
	height: 56px;
	border-left: 1px solid #6386AE;
	border-right: 1px solid #6386AE;
	border-bottom: 1px solid #6386AE;
	width:500px;
}
.closeWindow {
	background-image:url(images/icon_close_window.gif); 
	background-position:left; 
	padding-left:12px; 
	background-repeat:no-repeat; 
	font-weight:bold;
	margin: 3px 15px 0 0;
	color: #369;
	float: right;
	vertical-align: top;
	text-align:right;
	font-size:90%;
}
#popbody {
	width: auto;
	position: relative;
	left: auto;
	margin: 0 24px 0 23px;
	padding: 0;
}
#popFooter {
	padding: 12px 0 12px 0;
	background-color: #FFF;
	text-align: center;
	border-left: 1px solid #6386AE;
	border-right: 1px solid #6386AE;
	border-bottom: 1px solid #6386AE;
	width:500px;
	color:#666666;
}
#popContent {
	background-color: #FFF;
	height: 350px;
	border-left: 1px solid #6386AE;
	border-right: 1px solid #6386AE;
	border-bottom: 1px solid #6386AE;
	width: 502px;
}
/* TRAINING MODULE TOPIC LINK STYLES ------------------------------------------------------ */
.subNav .ModuelSubSubNav a.bookmarked {
	background-image: url(images/module_icon_bookmark_up.gif);
	background-repeat:no-repeat;
	background-position:10px 6px;
}
.subNav .ModuelSubSubNav a:hover.bookmarked {
	background-image: url(images/module_icon_bookmark_over.gif);
	background-repeat:no-repeat;
	background-position:10px 6px;
}
.subNav .ModuelSubSubNav a.complete {
	background-image: url(images/module_icon_complete_up.gif);
	background-repeat:no-repeat;
	background-position:10px 6px;
}
.subNav .ModuelSubSubNav a:hover.complete {
	background-image: url(images/module_icon_complete_over.gif);
	background-repeat:no-repeat;
	background-position:10px 6px;
}
.subNav .ModuelSubSubNav a {
	padding: 3px 0 3px 25px;
	background-color: #FFF;
	color: #888;
	font-weight: normal;
	border-top: 1px dotted #91AECF;
}
.subNav .ModuelSubSubNav a.selected, .subNav .ModuelSubSubNav a:hover {
	color: #2462AB;
	background-image:url(images/selected_arrow.gif);
	background-repeat: no-repeat;
	background-position:10px top;
}