/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for www.intervet.com
    Created by www.headscape.co.uk
		Ed Merritt
    19th August 2008
--------------------------------------------------------------------------------------*/


/*  Basic Structure
--------------------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.2em;}
body {background: url(/binaries/bkg2.gif) top repeat; font: 75% Helvetica, Arial, sans-serif; color: #222; text-align: center;}
#container {display: block; width: 980px; text-align: left; margin: 0 auto; min-height: 200px;}
#wrapper {position: absolute; display: block; min-height: 100%; margin: 0 auto; text-align: left; background: url(/binaries/page.gif) top repeat-y; width: 960px; padding: 0 10px;}
#content {margin-bottom: 5em;}

body {overflow-x: hidden; overflow-y: scroll;}

.contentRow {display: block; width: 100%; float: left; clear: left;}
.columnLeft {float: left; display: block; width: 175px; margin-left: 20px;}
.columnRight {float: right; display: block; width: 175px; margin-left: 20px; margin-right: 20px; }
.columnMiddle {float: left; display: block; width: 920px; margin-left: 20px;}
.columnLeft + .columnMiddle, .columnRight + .columnMiddle {width: 725px !important;}
.oneSide, .leftSide, .rightSide {width: 725px !important;}
.columnLeft + .columnRight + .columnMiddle {width: 530px !important;}
.twoSides, .leftSide.rightSide {width: 530px !important;}
#content .columnRight {margin-top: 2em; padding-top: 21px;}
#footer .columnRight {text-align: right; margin-top: 0; padding-top: 0;}


/*  Header
--------------------------------------------------------------------------------------*/
#header {position: relative; float: left; display: block; width: 960px; background: url(/binaries/header.gif) bottom right no-repeat; min-height: 62px;}
#header a {float: left; padding: 13px 0 13px 30px;}
#header a:hover, #header a:visited {border: none;}
#header #branding p {display: none;}
#header #search {display: block; position: absolute; top: 18px; right: 30px;}
#header #search p {float: right; display: inline; min-width: 165px; padding-left: 19px; position: relative; top: 4px; text-align: right;}


#header #search form {display: inline; float: right;}
#header #search fieldset {border: none; display: inline;}
#header #search #sField {width: 142px; border: none; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: url(/binaries/sField.gif) bottom right no-repeat; padding: 0 10px 1px 2px; font: 1em Helvetica, Arial, sans-serif}
#header #search #sButton {position: relative; top: 4px;}
#header #search legend, #header #search label {display: none;}


/*  Navigation
--------------------------------------------------------------------------------------*/
#navigation {position: relative; float: left; display: block; width: 920px; background: #ef3121; padding: 0.1em 20px; z-index: 99;}
#navigation ul {float: left; display: block; list-style: none; font-size: 110%; margin-bottom: 0;}
#navigation li {float: left; display: inline; position: relative; padding: 0; background-image: none;}
#navigation li a, #navigation li a:visited {float: left; padding: 0.3em 10px 0.4em 10px; color: #fff; font-weight: bold; text-decoration: none; border: none;}
#navigation li a:hover, #navigation li a.childOpen {background-color: #f7776c;}

#navigation li ul {display: none; position: absolute; z-index: 100; top: 2.05em; left: 0; width: 170px; border: 1px solid #a8a9ad; border-top: 1px solid #ef3121; background: #fff; padding: 6px 0; font-size: 90.90%; margin: 0;}
#navigation li ul a,#navigation li ul a:visited {font-weight: normal; color: #000; width: 150px; padding: 2px 5px; border: 5px solid #fff; border-top: 0; border-bottom: 0;}
#navigation li ul li.hasChild a {background: url(/binaries/haschild.gif) right no-repeat;}
#navigation li ul li.hasChild ul a {background-image: none;}
#navigation li ul a:hover, #navigation li ul li.hasChild ul a:hover {background-color: #ededed; background-image: none;}
#navigation li ul li.hasChild a:hover {background: url(/binaries/haschild.gif) right no-repeat #ededed;}

#navigation li:hover > ul {display: block;}
#navigation li ul ul {position: absolute; top: -7px; left: 170px; border: 1px solid #a8a9ad; font-size: 100%;}

#navigation li.showUl ul {display: block;}
#navigation li.showUl ul ul {display: none;}
#navigation li.showUl ul li.showUl ul {display: block;}
#navigation li.showUl ul li.showUl ul li ul {display: none;}
#navigation li.showUl ul li.showUl ul li.showUl ul {display: block;}


#navigation #countrySelect {float: right;}
#countrySelect li {width: 170px; display: block; text-align: right;}
#countrySelect li a, #countrySelect li a:visited {float: right; padding-right: 25px; background: url(/binaries/countryArrow.gif) right no-repeat;}
#countrySelect li ul li a, #countrySelect li ul li a:visited {float: left; text-align: left; background-image: none;}
#navigation #countrySelect li ul {left: -1px;}
#navigation #countrySelect li ul ul {left: -172px;}
#navigation #countrySelect li ul li.hasChild a {background: url(/binaries/haschild.gif) right no-repeat;}
#navigation #countrySelect li ul li.hasChild ul a {background-image: none;}
#navigation #countrySelect li ul li a:hover, #navigation #countrySelect li ul li.hasChild ul a:hover {background-color: #ededed; background-image: none;}
#navigation #countrySelect li ul li.hasChild a:hover {background: url(/binaries/haschild.gif) right no-repeat #ededed;}


/*  Sub Navigation
--------------------------------------------------------------------------------------*/
.subNav {float: left; display: block; list-style: none; border-top: 1px solid #e6e6e6; margin: 0 0 20px;}
.box + .subNav {margin: 0 0 30px 0; position: relative; top: 10px;}
.subNav li {float: left; display: block; width: 175px; border-bottom: 1px solid #e6e6e6; padding: 1px 0; background-image: none;}
.subNav a {float: left; display: block; width: 165px; font-weight: normal; color: #000; padding: 2px 0 2px 10px;}

.subNav ul {float: left; display: block; width: 100%; list-style: none; border-top: 1px solid #e6e6e6; padding: 3px 0; margin: 1px 0 0 0; font-size: 90%;}
.subNav ul li {float: left; display: block; width: 100%; border-bottom: none;}
.subNav ul li a {width: 155px; padding: 0 0 0 20px; background: url(/binaries/subNavChild.gif) 10px 50% no-repeat; color: #333;}

.subNav a:visited {border: none;}
.subNav a:hover {border: none; background-color: #f6f6f6; }
.subNav a.current {color: #ee3224;}


/*  Tools
--------------------------------------------------------------------------------------*/
#tools {margin-top: 10px; margin-bottom: 15px;}
#serviceLinks {float: right;}
#serviceLinks a {font-weight: normal;}
#breadCrumbs ul {list-style: none; margin-bottom: 0;}
#breadCrumbs li {display: inline; padding: 0; background-image: none;}
#breadCrumbs a {color: #222; background: url(/binaries/breadcrumb.gif) right no-repeat; padding-right: 14px; font-weight: normal;}
#tools a:visited {border-bottom: none;}
#tools a:hover {border-bottom: none; text-decoration: underline;}


/*  Generic elements
--------------------------------------------------------------------------------------*/
.clear {display: block; clear: both; width: 100%; height: 0px; overflow: hidden; margin: 0; padding: 0; line-height: 0;}

.box {clear: left; background: #f2f2f2; border-bottom: 1px solid #d7d7d7; padding: 8px 10px 0 10px; margin-bottom: 10px;}
.columnMiddle .box, .homeCol .box {float: left; clear: both; display: block; background: none; border: none; padding: 0; width: 100%;}
.columnMiddle .ss, .columnMiddle .blockFeature, .columnMiddle .download,
.homeCol .ss, .homeCol .download {margin-bottom: 20px;}

.columnMiddle .half {float: left; width: 48.62%; margin-right: 1.38%; clear: none;}
.columnMiddle .third {float: left; width: 31.95%; margin-right: 1.38%; clear: none;}
.columnMiddle .quarter {float: left; width: 23.62%; margin-right: 1.38%; clear: none;}

.columnMiddle .blockFeature {display: block; float: left;}
.columnLeft .blockFeature img, .columnRight .blockFeature img {float: left; margin: -10px -10px 10px -10px;}
.blockFeature h3 {margin-right: 10px;}
.blockFeature p {margin-right: 10px;}
.mainCol .blockFeature p { line-height: 1.2em;}

.imgLeft img, .left {float: left; margin: 0 10px 10px 0;}
.imgRight img, .right {float: right; margin: 0 0 10px 10px;}

.generalText img {margin: 0 0 10px 0;}
.download img {float: left; margin: 0 5px 0 0;}

/*
.columnMiddle .half + .half.imgLeft img {float: left; margin: 0 10px 10px 10px;}
.columnMiddle .half + .half h3, .half + .half p {margin-left: 0; margin-right: 0; padding-left: 10px;}

.left img, .right img {margin: 0 0 10px 0;}
.left * img, .right * img, .columnMiddle .box * img {margin: 0 !important;}
.columnMiddle .box img {margin: 0 0 10px 0;}

.columnMiddle .third + .third + .third.imgLeft img {float: left; margin: 0 10px 10px 10px;}
.columnMiddle .third + .third + .third h3, .third + .third + .third p {margin-left: 0; margin-right: 0; padding-left: 10px;}
.columnMiddle .quarter + .quarter + .quarter + .quarter.imgLeft img {float: left; margin: 0 10px 10px 10px;}
.columnMiddle .quarter + .quarter + .quarter + .quarter h3, .quarter + .quarter + .quarter + .quarter p {margin-left: 0; margin-right: 0; padding-left: 10px;}
*/


/*  Typography
--------------------------------------------------------------------------------------*/
h1 {font-size: 1.6em; color: #ee3224; font-weight: normal; margin: 0 0 20px;}
h2 {font-size: 1.3em; color: #222; margin: 0 0 10px;}
h3 {font-size: 1.15em; color: #222; margin: 0 0 10px;}
h4 {font-size: 1.1em; color: #222; margin: 0 0 10px;}
h5 {font-size: 1.05em; color: #222; margin: 0 0 10px;}
p {margin: 0 0 10px;}
hr {border: none; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; height: 1px; color: #ddd;}
.columnMiddle p, .homeCol p {line-height: 1.4em;}
.columnMiddle li, .homeCol li {line-height: 1.25em;}

.box h2 {color: #222; font-size: 1.25em; margin: 0 0 8px;}
.columnLeft .box h1, .columnRight .box h1,
.columnLeft .box h2, .columnRight .box h2,
.columnLeft .box h3, .columnRight .box h3 {color: #555; font-size: 1.1em; margin: 0 0 8px;}
.columnLeft .box.blockFeature h3, .columnRight .box.blockFeature h3 {font-size: 1.25em; margin: 0 0 8px;}


.blue h3, .box.blue h3, .blue a {color: #009ab5;}
.blue a:hover {border-color: #009ab5;}

.purple h3, .box.purple h3, .purple a {color: #0065a4;}
.purple a:hover {border-color: #0065a4;}

.green h3, .box.green h3, .green a {color: #00e066;}
.green a:hover {border-color: #00e066;}

.red h3, .box.red h3, .red a {color: #ee3224;}
.red a:hover {border-color: #ee3224;}

.orange h3, .box.orange h3, .orange a {color: #ff9900;}
.orange a:hover {border-color: #ff9900;}

.smallPara {font-size: 90%;}
.largePara {font-size: 110%;}
.allCaps {text-transform: uppercase;}


/*  Links
--------------------------------------------------------------------------------------*/
a {color: #ee3224; font-weight: bold; text-decoration: none;}
.homeCol a {color: #ee3224 !important;}
a:visited {border-bottom: 1px solid #d7d7d7;}
a:hover {border-bottom: 1px solid #ee3224;}
.homeCol .blue a:hover, .homeCol .red a:hover, .homeCol .green a:hover, .homeCol .purple a:hover, .homeCol .orange a:hover {border-bottom: 1px solid #ee3224;}
a img, a:hover img {border: none;}
.columnLeft .ss h3 a, .columnRight .ss h3 a {color: #555;}
.columnLeft .ss h3 a:hover, .columnRight .ss h3 a:hover {border-bottom: 1px solid #555;}


/*  Lists
--------------------------------------------------------------------------------------*/
ul {list-style: none; margin-bottom: 10px;}
ol {margin: 0 0 10px 2em;}
ol ol, ul ol, ol ul, ul ul {margin-bottom: 0;}
ul li {padding-left: 10px; background: url(/binaries/haschild.gif) left 4px no-repeat;}
ul ul li {background: url(/binaries/subNavChild.gif) left 4px no-repeat;}

.columnLeft .box .species {list-style: none;}
.columnLeft .box .species li {display: inline; padding: 0; background-image: none;}
.columnLeft .box .species a:visited, .columnLeft .box .species a:hover {border: none;}
.ss ul, .columnLeft .box ul, .columnRight .box ul {list-style: none;}
.ss ul li, .columnLeft .box ul li, .columnRight .box ul li {padding-left: 10px; background: url(/binaries/haschild.gif) left 4px no-repeat; margin: 0 0 5px 0;}
.ss ul a, .columnLeft .box ul a, .columnRight .box ul a {font-weight: normal;}


/*  Forms
--------------------------------------------------------------------------------------*/
form * {font: 1em Helvetica, Arial, sans-serif;}
.ss form {margin: 0 0 5px 0;}
.ss legend {display: none;}
.ss fieldset {border: none;}
.ss label {display: block; margin: 0 0 5px 0;}
.ss select {margin: 0 2px 5px 0; padding: 2px 0 1px; width: 135px; float: left; }
.homeCol .ss select, .columnMiddle .ss select {width: 261px;}
.ss .button {position: relative; top: 1px;}


/*  Tables
--------------------------------------------------------------------------------------*/
table {margin: 0 0 20px 0;}
td, th {padding: 5px; vertical-align: top;}
th {border-bottom: 1px solid #d7d7d7; font-size: 1.1em; color: #8d8d8d;}
td {border-bottom: 1px solid #e6e6e6;}
tr.even {background: #f9f9f9;}
tr td:first-child, tr th:first-child, th.first, td.first {padding-left: 10px;}
tr td:last-child, tr th:last-child, th.last, td.last {padding-right: 10px;}

.basic tr th, .basic tr td {border: none; padding-left: 0; padding-right: 0;}
.basic tr.alt {background: none;}
.basic td, .basic th {padding: 3px 0;}


/*  Footer
--------------------------------------------------------------------------------------*/
#footer {position: absolute; float: left; border-top: 1px solid #000; padding-top: 10px; margin: 20px 0; bottom: 0; width: 960px;}
#footer ul {list-style: none; margin-bottom: 0;}
#footer li {display: inline; padding: 0; background-image: none; padding-right: 14px;}
#footer a {color: #222; font-weight: normal;}
#footer a:visited {border-bottom: none;}
#footer a:hover {border-bottom: 1px solid #888;}
.footerRight {float: right; margin: 0;}


/*  Homepage
--------------------------------------------------------------------------------------*/
.homeCol {float: left; display: block; width: 280px; margin-left: 30px; margin-top: -10px;}
.homePage #tools {margin-left: 30px; width: 900px;}
.homeCol h1, .homeCol h2, .homeCol h3, .homeCol h4, .homeCol h5 {font-size: 1.35em; font-weight: normal; margin: 0 0 10px; background: url(/binaries/homeHeadingCorner.gif) bottom right no-repeat #ef3121; color: #fff; padding: 3px 5px;}
.homeCol h1 a:hover, .homeCol h2 a:hover, .homeCol h3 a:hover, .homeCol h4 a:hover, .homeCol h5 a:hover, .homeCol .box h3 a:hover {border-bottom: 1px solid #fff !important;}

.homeCol .box {float: left; clear: both; position: relative; width: 100%; padding-top: 1em;}
.homeCol .box h1, .homeCol .box h2, .homeCol .box h3, .homeCol .box h4, .homeCol .box h5 {z-index: 1; top: 0; left: 0; float: none; width: 275px;  padding-left: 5px; padding-right: 0; color: #ffffff; font-size: 1.1em !important; font-weight: bold;}
.homeCol .box h3 a, .homeCol .box h3 a:visited, .homeCol .box h1 a, .homeCol .box h1 a:visited {border: none; color: #fff !important; font-weight: bold !important;}
.homeCol .box.noH3 {padding-top: 0;}
.homeCol .box ul {position: relative;}


/*  Flash banner
--------------------------------------------------------------------------------------*/
#flash #flashOverlayContainer {position: absolute; width: 960px; height: 224px; }
#flash #flashOverlay {width: 960px; height: 224px; background: url(/binaries/banner_alt_back.png) no-repeat;}
#flash #flashOverlay p {position: absolute; bottom: 4px; color: #ffffff; font-size: 1.4em; padding: 0 25px 0 45px;}


/*  text page - underline H1
--------------------------------------------------------------------------------------*/
/*
#content .columnMiddle h1 {border-bottom: 1px solid #ddd; margin: 0 0 20px; padding-bottom: 0.3em;}
#content .columnRight {border-top: 1px solid #ddd; margin-left: 0; margin-top: 2.4em; padding-left: 20px; padding-top: 22px;}
*/

/*  Accronym
--------------------------------------------------------------------------------------*/
a.accronym {
   color: #000;
   text-decoration: none;
   border-bottom: 1px dashed #ee3224;
}

a.accronym span{
   display: none;
}

a.accronym:hover span {
   background-color:#FFFF99;
   border:1px solid #FFFFFF;
   color:#000000;
   display:block;
   font-size:0.8em;
   font-style:italic;
   left:3em;
   position:absolute;
   text-align:center;
   top:1.5em;
   width:15em;
   z-index:1000;
   filter:alpha(opacity=75);
   opacity:0.75;
}

/*  Temporary hacks while migrating, please leave at bottom 
--------------------------------------------------------------------------------------*/

/* Logo: needs to be fixed in the control*/
#branding a {
	padding: 0;
}

#topRightLogo {
	display: inline;
	padding: 0;
	margin: 0;
}

/* No arrow for last breadcrumb entry */
#breadCrumbs a.current {
	background: none;
}

/* Homepage feature boxes FT in Tridion  */
.featureDescription {
	margin-bottom: 10px;
}
/* EOF Homepage FT */

/* stock quote1 in presentation columns */
.quote {font-size: 0.9em; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.quote td, .quote th {border: none; padding:0}
.quote tr td:first-child, tr th:first-child, th.first, td.first {padding-left: 0px;}
.quote tr td:last-child, tr th:last-child, th.last, td.last {padding-right: 0px;}
.quote .plus { color: green; }
.quote .minus { color: #ee3224; }
.quote .flat { color: orange; }


/* genral search form */
.form { margin:10px 10px 20px 10px;}

/* rightAlignedMenu was countryselect */
#navigation #rightAlignedMenu {float: right;}
#rightAlignedMenu li {width: 170px; display: block; text-align: right;}
#rightAlignedMenu li a, #rightAlignedMenu li a:visited {float: right; padding-right: 25px; background: url(/binaries/countryArrow.gif) right no-repeat;}
#rightAlignedMenu li ul li a, #rightAlignedMenu li ul li a:visited {float: left; text-align: left; background-image: none;}
#navigation #rightAlignedMenu li ul {left: -1px;}
#navigation #rightAlignedMenu li ul ul {left: -172px;}
#navigation #rightAlignedMenu li ul li.hasChild a {background: url(/binaries/haschild.gif) right no-repeat;}
#navigation #rightAlignedMenu li ul li.hasChild ul a {background-image: none;}
#navigation #rightAlignedMenu li ul li a:hover, #navigation #rightAlignedMenu li ul li.hasChild ul a:hover {background-color: #ededed; background-image: none;}
#navigation #rightAlignedMenu li ul li.hasChild a:hover {background: url(/binaries/haschild.gif) right no-repeat #ededed;}

/*  h3 feature boxes bold */
.columnLeft .box.blockFeature h3, .columnRight .box.blockFeature h3 {font-weight: bold;}

/* START Needed, probably becuase of the .Net form on every page */
.columnMiddle h1 {
	font-size: 1.6em; 
	color: #ee3224; 
	normal; margin: 0 0 20px;
}
.columnMiddle .box p {
	margin: 0 0 10px;
}

/* For some reason strong, em and <span font> don't work, temp fix it, look into ot later */

.box span,.box em, .box strong, .box i { padding:0.1em; }
.columnLeft .box span, .columnRight .box span {padding:0;}
em strong, strong em  { font-style: italic; font-weight: bold;}
em {font-style: italic;}
strong  {font-weight: bold;}
/* EOF temp em/strong/span fixes */

.columnMiddle .box li p { margin-left: 10px;}

a:visited {border-style: none;}

/* END Needed becuase of the .Net form on every page */

/* FB in columnMiddle */
.columnMiddle .blockFeature h3 a {
	font-size: 1.0em;
	font-weight: bold;
}

/* sidebars fixes */
/*
.columnRight .box, .columnLeft .box {
	font-size: 90%;
}

.columnRight .box h1, .columnLeft .box h1 {
	font-size: 100%;
}
*/
/*.columnLeft .box h1,
.columnLeft .box h1 a,
.columnLeft .box h3,
.columnLeft .box h3 a,
.columnRight .box h1, 
.columnRight .box h1 a,
.columnRight .box h3, 
.columnRight .box h3 a {
	font-weight: bold;
	font-size: 0.9em;
}*/


.columnLeft .box, .columnRight .box {
	font-size: 90%;
}
.columnLeft .box h3, .columnRight .box h3  {
	font-size: 1.1em;
	font-weight: bold;
}

.columnLeft .box h3 a, .columnRight .box h3 a {
	font-size: 0.9em;
	font-weight: bold;
}

.columnLeft .box h1, .columnRight .box h1 {font-weight: bold;color: #555; font-size: 1.1em; margin: 0 0 8px;}

.columnLeft .box .sectionheader { 
	color: #222; 
	font-size: 1.25em;
	font-weight: bold; 
	margin: 0 0 8px;}
}


.homePage #tools {font-size: 0.9em;}

/* EOF sidebar fixes */

/* Tools changes */
#tools {font-size: 0.9em; }
/* EOF Tools changes */

/* Footer changes */
#footer {font-size: 0.9em; }
#footer .columnMiddle {
	width: 420px !important;
}
#footer .columnRight {
	width: 280px;
}
/* EOF Footer changes */


/* Structured Search fixes */
.styled { width: 95%; } /* Page shifts */

.styled th {
	font-weight: bold;
}

.styled th.firstColumn {
	padding-left:10px;
}

a.styled, .styled a, a.style:visited, .styled a:visited, .homeCol .ss a, .homeCol .ss a:visited 
{
	color: #222222 !important;
}

a.styled:hover, .styled a:hover, .homeCol .ss a:hover {
	color: #ee3224 !important;
	border-bottom: 1px solid #ee3224 !important;
}

.styled .title {
	display: block;
}
.styled .title a {
	font-weight: bold;
}

a.external, a.external:visited {
	color: #ee3224 !important;
}

/* EOF Structured Search fixes*/

/* content only greyboxes */

body.contentOnly {
	background: none;
	background-color: white;
}

#contentOnly {
	background-color: white;
	text-align: left;
}

#contentOnly #content {
	margin-top: 20px;
	margin-bottom: 20px;
}

#contentOnly .columnMiddle {
	width: 90%;
}

/* EOF content only greyboxes */

/* temporary iframed content */

#viewPortStockChart{
width:530px;
_width:530px;
height:600px;
overflow:hidden; 
position:relative;
background: url(/notds/greybox/indicator.gif) center center no-repeat;
}

#iframeStockChart{
position:absolute; 
top:-220px;
_top:-220px;
left:-180px;
_left:-180px;
width:570px;
height:1024px;
}

#viewPortSECFilings{
width:530px;
_width:530px;
height:750px;
overflow:hidden; 
position:relative;
background: url(/notds/greybox/indicator.gif) center center no-repeat;
}

#iframeSECFilings{
position:absolute; 
top:-220px;
_top:-220px;
left:-180px;
_left:-180px;
width:570px;
height:1924px;
}

#viewPortCompanyOverview{
width:530px;
_width:530px;
height:75px;
overflow:hidden; 
position:relative;
background: url(/notds/greybox/indicator.gif) center center no-repeat;
}

#iframeCompanyOverview{
position:absolute; 
top:-220px;
_top:-220px;
left:-180px;
_left:-180px;
width:570px;
height:1024px;
}

#viewPortPriceLookup {
width:530px;
_width:530px;
height:550px;
overflow:hidden; 
position:relative;
background: url(/notds/greybox/indicator.gif) center center no-repeat;
}

#iframePriceLookup {
position:absolute; 
top:-270px;
_top:-270px;
left:-180px;
_left:-180px;
width:570px;
height:1024px;
}

#viewPortInvestmentCalculator {
width:530px;
_width:530px;
height:550px;
overflow:hidden; 
position:relative;
background: url(/notds/greybox/indicator.gif) center center no-repeat;
}

#iframeInvestmentCalculator {
position:absolute; 
top:-220px;
_top:-220px;
left:-180px;
_left:-180px;
width:570px;
height:1024px;
}

#viewPortEmailAlerts {
width:530px;
_width:530px;
height:550px;
overflow:hidden; 
position:relative;
background: url(/notds/greybox/indicator.gif) center center no-repeat;
}

#iframeEmailAlerts {
position:absolute; 
top:-220px;
_top:-220px;
left:-180px;
_left:-180px;
width:570px;
height:1024px;
}

#viewPortPresentations {
width:530px;
_width:530px;
height:550px;
overflow:hidden; 
position:relative;
background: url(/notds/greybox/indicator.gif) center center no-repeat;
}

#iframePresentations {
position:absolute; 
top:-220px;
_top:-220px;
left:-180px;
_left:-180px;
width:570px;
height:1024px;
}

/* EOF temporary iframed content */

/* Searchbox: overule headscape, merge later */
#header #search #sField {font-size: 0.9em;}
#header #search .countryname {font-size: 1.2em;}
/* EOF Searchbox*/

/* leftnav level 3 */
.subNav ul li ul {font-size: 100%;padding: 3px 0 0 3px; }
/* EOF leftnav level 3 */


/* components table */
.componentsTable {width: 100%;}
.columnMiddle .twoColumn { width: 50%;}
.columnMiddle .threeColumn { width: 33%;}
.columnMiddle .fourColumn { width: 25%;}
/* EOF components table */

/* full width text page, no presentation */
.nopresentation {width: 910px; margin-left: 30px;}
/* EOF FUll width textpage, no presentation */

/* SiteMap */
.siteMapPart {
	padding-top: 10px !important; 
	padding-left: 5px !important;
}

.siteMapPart a {
	color: #000;
}

.siteMapPart a:hover {
	border: none !important;
	text-decoration: underline;  
	color: #ee3224;
}

.siteMapPart ul li {
	background: none;
	margin-bottom: 20px;
}

.siteMapPart ul li a .sitemapheader {
	display: block;
	background-color: #f2f2f2;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0 0 8px;
	border-bottom: 1px solid #d7d7d7;
	color: #222; 
	font-size: 15px;
	font-weight: bold; 
}

.siteMapPart ul li a:hover span{
	color: #ee3224;
}
.siteMapPart ul ul li {
	font-size: 12px;
	border-bottom: none; 
	padding: 0px 10px 0px 10px;
	margin-bottom:0; 
	border: none;
}

.siteMapPart ul ul ul li {
	font-size: 11px;
	border-bottom: none; 
	padding: 0px 10px 0px 10px;
	margin-bottom:0; 
	border: none;
}

.siteMapPart ul ul li {background: url(/binaries/subNavChild.gif) left 4px no-repeat;}

/* EOF SiteMap*/

/* empty toolbar */
.notools {
                height: 0px;
	padding:0;
                margin:0;
}
/* EOF empty toolbar /*

/* Calendar control */
#CalendarControl {
	background: #F2F2F2 none repeat scroll 0 0;
	position: absolute;
	width: 180px;
	z-index: 10;
        display:none;
        
}

#CalendarControl a  {
	font-weight: normal;
}

#CalendarControl a.current {
	font-weight: bold;
}

#CalendarControl a.weekend {
	color: #00e066;
}

#CalendarControl a.weekday {
	color: #ee3224;
}
/* EOF Calendar Control */

/* Image block right */
.imageblock-right {
	margin-left: 10px;
	float: right;
	font-size: 90%;
	text-align: center;
}
/* EOF Image block right */




/* FAQ */
ul.faq {
    margin-top: 0px;
    margin-bottom: 0px;
}


ul.faq li.question {
    padding-left: 10px; 
    background: url(/binaries/haschild.gif) center left  no-repeat;
}


ul.faq li.question a {
	border: none;
	display: block;
}

ul.faq li.question a:active {
  	outline: none;
}

/* Remove dotted lines around active link in Firefox, strage that this is only needed here in the FAQs, probably an error in the page or CSS */
:focus
{
  	-moz-outline-style: none;
}

li.question:active > ul {display: block;}

ul.answer {
	padding-top: 5px;
	display:none;
}

ul.answer li {
	list-style: none;
	background-image: none;
}

ul.faq ul.answer li p {
	margin-left: 0px;
	padding-left: 0px;
}

/* EOF FAQ */

/* external link confirmation */
.external_link {
	text-align: center;
}

.external_link a, .external_link button{
    margin:0 7px 0 0;
    background-color:#f2f2f2;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ee3224;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

/* LFW 2 */
#LFW20form {
     margin-top: 20px;
}

.TEXT_plain
{
	background-color: White;
}

.TEXTAREA_plain
{
	background-color: White;
}

.BOOL_plain
{
	background-color: White;
}

.SELECT_plain
{
	xbackground-color: White;
}

.COUNTRY_SELECT_plain
{
	xbackground-color: White;
}

.CHECK_plain
{
	color: Black;
}

.RADIO_plain
{
	color: Black;
}

.PASSWORD_plain
{
	background-color: White;
}

.VALID_EMAIL_plain
{
	background-color: White;
}

.VALID_PASSWORD_plain
{
	background-color: White;
}

.VALID_RPASSWORD_plain
{
	background-color: White;
}

.TEXT_warning
{
	background-color: Red;
}

.TEXTAREA_warning
{
	background-color: Red;
}

.BOOL_warning
{
	background-color: Red;
}

.SELECT_warning
{
	background-color: Red;
}

.COUNTRY_SELECT_warning
{
	background-color: Red;
}

.CHECK_warning
{
	color: Red;
}

.RADIO_warning
{
	color: Red;
}

.PASSWORD_warning
{
	background-color: Red;
}

.VALID_EMAIL_warning
{
	background-color: Red;
}

.VALID_PASSWORD_warning
{
	background-color: Red;
}

.VALID_RPASSWORD_warning
{
	background-color: Red;
}

.GENERIC_warning
{
        
	color: #ee3224;
        background-color: #f6f6f6;
	font-weight: bold;
        border-bottom: 1px solid #ee3224;
        margin-bottom: 20px;
        padding: 3px;
}

.LFW20_LabelText
{
	display: inline-block;
	width: 170px;
	margin: 5px;
	vertical-align: top;
}

.LFW20_Span_Table
{
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -7px;
	vertical-align: top;
}

.LFW20_Table
{
	border: 0px;
}

.LFW20_TableData
{
	border: 0px;
}

/* EOF LFW2 */

/* LFW2 Forms */
.universalFormWrapper {width: 530px;}
.universalFormWrapper h2 {padding: 2px 4px 2px 4px;color: #FFFFFF; font-weight: bold; font-size: 1.1em; border: medium none; background: #EF3121 url(/binaries/homeHeadingCorner.gif) no-repeat scroll right bottom;}
.webForm .formHeading, .universalFormWrapper .formHeading  {width: 520px;height: 28px;line-height:40px;padding: 2px 4px 2px 4px;color: #ee3224; font-weight: bold; font-size: 1.1em;border: medium none;border-bottom: 2px solid #ee3224; background: #FFFFFF url(/binaries/header.gif) no-repeat scroll right bottom;}
.universalForm {float: left; display: block; margin: 1em 0; width: 100%;}
.universalForm fieldset {border: 1px solid #ccc; padding: 1em; margin: 0 0 2em;}
.universalForm legend {font-size: 1.3em; font-weight: bold; padding: 0 0.5em; margin: 0 0 0 -0.5em;}
.universalForm h2 {font-size: 1.2em; font-weight: bold;}

.formCols {float: left; display: block; width: 100%; clear: both; margin: 0 0 10px 0;}
.formCols dt {float: left; display: block; width: 150px; margin-right: 5%; padding: 4px 0;}

.formCols .required span.mandatory {position: absolute; right: 430px;visibility: visible; font-weight: bold; color: #CC0000; font-size: 150%;}
.leftSide .formCols .required span.mandatory {position: absolute; right: 235px;visibility: visible; font-weight: bold; color: #CC0000; font-size: 150%;}
.formCols dd {float: left; display: block; width: 350px;}
.formCols dt {display: block; width: 150px;}

.formCols dd select {display: block; width: 91%; xpadding: 0.3em; margin: 0;}
.formCols dd input {width: 90%; float: left; margin: 0 5px 5px 0;}
.formCols dd textarea {width: 90%; float: left; margin: 0 5px 5px 0;}
.formCols dd label {display: block; clear: both; margin: 0; padding: 0;}
.formCols + p {clear: left;}
.displayNone {visibility: hidden;}
#fsubmit {display: block; width: 100%; background: #ccc; margin-top: -2em; padding: 0.5em 0;}
#fsubmit input {padding: 0.3em 2em; font-weight: bold;}
.wideFields dd {width: 100%;}
.formCols .checkBoxes { clear: both; width: 95%; padding: 0; }
.formCols .checkBoxes .odd { float: left; width: 50%; padding: 0; }
.formCols .checkBoxes .even { float: right; width: 50%; padding: 0;}
.formCols .checkBoxes  label { display: inline; float: left; margin-right: 10px;  width: 60%; padding: 0; margin-bottom: 10px;}
.formCols .checkBoxes input { display: inline; float: left;  padding-top: 7px; margin-left: -70px;}
.formCols .checkBoxes br { display: none; }

.formCols .radioButtons { clear: both; width: 95%; padding: 0; }
.formCols .radioButtons .odd { float: left; width: 50%; padding: 0; }
.formCols .radioButtons .even { float: right; width: 50%; padding: 0;}
.formCols .radioButtons label { display: inline; float: left; margin-right: 10px;  width: 60%; padding: 0; }
.formCols .radioButtons input { display: inline; float: left;  padding-top: 7px; }
.universalFormWrapper .errmsg {margin-bottom: 20px; color: #ee3224 !important;}
/* EOF LFW2 Forms */

/* EOF external link confirmation */

/* FeatureImage */
.featureImage {
    margin-bottom: 10px;
}
.featureImage .caption {
    display: block;
    font-size: 90%;
    text-align: center;
}
/* EOF FeatureImage */

/* Services */

.ChameleonUserYes {
	display: none;
}

.ChameleonUserNo {
	display: none;
}

/* EOF Services */

/* News & Events */
.newsDate {font-weight: bold;}
.newsLocation {font-weight: bold;}
.rightNews {float:right; margin:4px 10px -5px ; }
.newsSpeciesHeader {
   width: 100%; 
}
.newsSpeciesHeader>.right {margin-bottom: 0px;}

/* EOF News & Events */

.debug {
	border: 1px solid red;
}

/* Superscript and Subscript */
#content sup, #content sub {line-height: 0pt; font-size:11px;}