/* 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% 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;} #content sup, #content sub {line-height: 0pt; font-size:11px;} 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 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; 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 {height: 25px;position: relative; float: left; display: block; width: 920px; background: #008C8C; 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: #BCBDBC;} /* 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 #008C8C; 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: #BCBDBC; 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: #BCBDBC; 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: 0px;} .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: #BCBDBC; } .subNav a.current {color: #008C8C;} /* 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: #BCBDBC; 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: #008C8C; 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: #63CECA;} .blue a:hover {border-color: #63CECA;} .purple h3, .box.purple h3, .purple a {color: #662046;} .purple a:hover {border-color: #662046;} .green h3, .box.green h3, .green a {color: #879637;} .green a:hover {border-color: #879637;} .red h3, .box.red h3, .red a {color: #662046;} .red a:hover {border-color: #662046;} .orange h3, .box.orange h3, .orange a {color: #D47B22;} .orange a:hover {border-color: #D47B22;} .smallPara {font-size: 90%;} .largePara {font-size: 110%;} .allCaps {text-transform: uppercase;} /* Links --------------------------------------------------------------------------------------*/ a {color: #008C8C; font-weight: bold; text-decoration: none;} .homeCol a {color: #008C8C !important;} a:visited {border-bottom: 1px solid #d7d7d7;} a:hover {border-bottom: 1px solid #008C8C;} .homeCol .blue a:hover, .homeCol .red a:hover, .homeCol .green a:hover, .homeCol .purple a:hover, .homeCol .orange a:hover {border-bottom: 1px solid #008C8C;} 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; padding: 5px; background:none; border: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;} .desc a{font-weight:normal;} /* 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-color: #FFFFFF; color: #768DC1; padding: 3px 5px;border-top: 5px solid #008C8C;} .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: 0px; padding-right: 0; padding-top: 10px;color: #768DC1;; font-size: 1.1em !important; font-weight: bold; text-transform:uppercase} .homeCol .box h3 a, .homeCol .box h3 a:visited, .homeCol .box h1 a, .homeCol .box h1 a:visited {border: none; color: #768DC1 !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 #008C8C; } 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: #008C8C; } .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: #008C8C; normal; margin: 0 0 20px; } .columnMiddle .box p { margin: 0 0 10px; } /* For some reason strong, em and 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, .columnMiddle .blockFeature h3{ font-size: 13px; 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: #008C8C !important; border-bottom: 1px solid #008C8C !important; } .styled .title { display: block; } .styled .title a { font-weight: bold; } a.external, a.external:visited { color: #008C8C !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: #008C8C; } .siteMapPart ul li { background: none; margin-bottom: 20px; } .siteMapPart ul li a .sitemapheader { display: block; background-color: #BCBDBC; 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: #008C8C; } .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: #BCBDBC 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: #008C8C; } /* 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:#BCBDBC; 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:#008C8C; 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: #008C8C; background-color: #f6f6f6; font-weight: bold; border-bottom: 1px solid #008C8C; 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-color: #008C8C ;} .webForm .formHeading, .universalFormWrapper .formHeading {width: 520px;height: 28px;line-height:40px;padding: 2px 4px 2px 4px;color: #008C8C; font-weight: bold; font-size: 1.1em;border: medium none;border-bottom: 2px solid #008C8C; background-color: #FFFFFF;} .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;} .universalForm .LFW20_Span_Table .LFW20_Table {margin-bottom: 0px} .universalForm .LFW20_Span_Table .LFW20_Table tr { display: inline } .universalForm .LFW20_Span_Table .LFW20_Table td input { margin-left: -65px;} .universalForm .LFW20_Span_Table .LFW20_Table td {width: 150px; text-align: left;} .universalForm .LFW20_Span_Table .LFW20_Table td .CHECK_plain {margin-left:-55px;} .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: #008C8C; font-size: 150%;} .leftSide .formCols .required span.mandatory {position: absolute; right: 235px;visibility: visible; font-weight: bold; color: #008C8C; font-size: 150%;} .formCols dd {float: left; display: block; width: 350px;} .formCols dt {display: block; width: 150px;} .formCols dd select {display: block; width: 91%; margin: 0 0 5px 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: #008C8C !important;} /* EOF LFW2 Forms */ /* EOF external link confirmation */ /* FeatureImage */ .featureImage .caption { display: block; font-size: 90%; text-align: center; } /* EOF FeatureImage */ /* Services */ .ChameleonUserYes { display: none; } .ChameleonUserNo { display: none; } /* EOF Services */ .debug { border: 1px solid red; } /* News */ .newsDate {font-weight: bold;} .newsLocation {font-weight: bold;} .rightNews {float:right; margin:43px 0 0 10px ; } .rightNews1{float:right; margin:43px 0 0 10px ; } .rightNewsSection{float:right; width:280px; } td.verticalBorderSpace{ display:none} /* Pull quotes - to be moved to Formatting Area styles of Tridion*/ blockquote.pullquote { padding:12px 0; margin: 5px 15px 8px 0; float:left; width:180px; text-align: center; /*border-top:3px double #ccc;*/ /*border-bottom:3px double #ccc;*/ border-left:0; border-right:0; line-height:1.6em; background:#cccccc; border: 1px solid #cccccc; -moz-border-radius:7px; -webkit-border-radius: 7px; } blockquote.pullquote.rightcorner { margin: 5px 0 8px 15px; float:right; clear:both; } blockquote.pullquote p { margin:0 !important; font-size:1.4em; color:#666; font-weight:bold; } /* News -PDF placement */ .rightNews{ width:250px; background: #BCBDBC none repeat scroll 0 0; -moz-border-radius:7px; list-style-type: none; padding: 8px 10px 0px 10px; margin: 0; margin-bottom: 0px; } /*div.listBlock{ width:270px; background: #BCBDBC none repeat scroll 0 0; -moz-border-radius:7px; list-style-type: none; padding: 8px 0px 0px 10px; margin: 0; margin-bottom: 0px; }*/ div.listBlock ul li p{ margin-top:-6px; width:210px; } div.listBlock ul li p a{ font-weight: bold; color:black; } div.listBlock ul li p span.desc { left:-35px; position:relative; text-align:justify; bottom:-5px; } ul.listBlock_pdf li { background-image: url(/binaries/Icon_PDF_big.png); background-repeat: no-repeat; background-position: 0 0%; padding-left: 3.7em; padding-top:2.1em; } ul.listBlock_pdf span.desc{font-size:0.9em;} ul.listBlock_xls li { background-image: url(/binaries/Icon_Xls_big.png); background-repeat: no-repeat; background-position: 0 0%; padding-left: 3.7em; padding-top:2.1em; } ul.listBlock_xls span.desc{font-size:0.9em;} ul.listBlock_doc li { background-image: url(/binaries/Icon_Doc_big.png); background-repeat: no-repeat; background-position: 0 0%; padding-left: 3.7em; padding-top:2.1em; } ul.listBlock_doc span.desc{font-size:0.9em;} ul.listBlock_ppt li { background-image: url(/binaries/Icon_PPT_big.png); background-repeat: no-repeat; background-position: 0 0%; padding-left: 3.7em; padding-top:2.1em; } ul.listBlock_ppt span.desc{font-size:0.9em;}