﻿@import "icon.css";
@import "vertbuttons.css";

body {
	background: #fff url(rsc/body-header-bg.gif) 50% -30px repeat-x;
	font-family: "Helvetica Nueu", "HelveticaNueu", Helvetica, Arial, Sans-Serif;
	margin-top: 60px;
}

.swiff-replace, .swiff-replace-parent {visibility: visible; }

/* = blueprint overrides */
.box {background-color: #e8f0f1; }
.box a:hover {background-color:#F5F5DC; }
.box ul {list-style-type: none; margin-left: 0; }
.boxgreen {padding:1.5em;margin-bottom:1.5em;background:#D7E9C8; border:dotted; border-width:1px ;border-color:#006A72;}
.boxgreen ul {list-style-type: none; margin-left: 0; }
.pg-resources .box ul {list-style-type: disc; margin-left: .7em; }
caption {font-size: 1.2em; background-color: #fff; font-weight: bold; padding-bottom: .2em; padding-top: .8em; }
p img {margin-right: 0; }
p img.right {margin-left: 0; }
img.history { margin-top:0; margin-bottom:0; padding:8px;}
hr {background:transparent; /*#737373;*/ /*color:#737373;*/ height: 1px; overflow: hidden; border-bottom: 1px solid #939393; }
hr.space {border-width: 0; }
div.colborder, div.colborder-narrow {border-right: 1px dotted #737373;}
div.colborder-narrow {padding-right:4px;margin-right:5px;border-right:1px dotted #737373;}
* html div.colborder, * html div.colborder-narrow {border-right-style: solid; border-right-color: #c3c3c3; }
* html hr {background: #c3c3c3; color: #c3c3c3; }


/* = basics */

a, a:link, a:visited {color:#356AA0; /* #00a4ff; */ text-decoration: none; }
a:hover, a:active {background-color: #e6f6ff; color: #0064bf; /* color: #c60330; */ text-decoration: none; }
a:active {color: #c60330; }

/* = headings */
h1 { }
h2 { color: #c60330; font-size: 1.5em; line-height: 18px; margin-bottom: .25em; }
h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited {color: #c60330; }
h2.big {color: #8ab2b7; }
h2.w, h2.big-w {color: #fff; }
h2.big-w, h2.big {font-size: 2em; }
h2.w a, h2.w a:link, h2.w a:hover, h2.w a:active, h2.w a:visited,
h2.big-w a, h2.big-w a:link, h2.big-w a:hover, h2.big-w a:active, h2.big-w a:visited a {color: #fff; }
h2.b {color: #8ab2b7; }
h2.b a, h2.b a:link, h2.b a:hover, h2.b a:active, h2.b a:visited {color: #8ab2b7; }
h3 { color: #c60330; font-size: 1.25em; line-height: 18px; margin-bottom: .125em; }
h3 a, h3 a:link, h3 a:hover, h3 a:active, h3 a:visited {color: #c60330; }
h4 { }
h5 { }
h6 { }


/* = lists */
dl {padding-left: 5em; margin-bottom: 1.2em; }
dt {display: block; color: #5f6a72; float: left; text-align: right; width: 100px; position: relative; left: -5em; margin-right: -5em; }
/* dt:after {content: ":"; } */
dd {display:block; margin: 0 0 0 50px; padding: 0 0 0.5em 0; clear:right;}
dl.current {/*font-size: larger;*/ }


/* = logo */
.header h1 a {display: block; background: transparent url(../../images/ibml-logo.gif) 0 0 no-repeat; height: 50px; text-indent: -5000px; width: 140px; }


/* = lists */

ul.clean, .cs-list ul, .wp-list ul {list-style-type: none; margin-left: 20px; }
ul.clean li, .cs-list li, .wp-list li {margin-bottom: .5em; }
ul.clean .icon, .cs-list ul .icon, .wp-list ul .icon {position: relative; left: -20px; margin-right: -20px; top: 5px; }
ul.stripes { list-style-image:url(rsc/ui_li_arrow_stripes.png); padding-left: 20px; margin-bottom: 10px; }

/* = misc */

.validation-links 
{
	display: none;
	margin: 2em;
	text-align: right; 
}

.flash-placeholder 
{
	background: transparent url(rsc/flash-placeholder.jpg) 0 0 no-repeat;
	height: 325px;
}

/*.header {position: relative; }*/

/* = navigation */

#nav, #nav li ul {font-size: 1em; list-style-type: none; margin-left: 0; padding-left: 0; /*text-transform: uppercase;*/ }
#nav {margin-top: 12px; position: relative; z-index: 5000; }
#nav li {
	border-bottom: 1px solid #fff; border-left: 1px solid #ccc; 
	display: inline; 
	float: left; 
	height: 22px;
	position: relative; 
}
#nav a {color: #999; display: block; line-height: 22px; padding: 0 18px 0 5px; }
#nav li.current ul li a {color: #999; }
#nav a:hover, #nav li.current ul li a:hover {background-color: Transparent; color: #666;}
/*#nav li.last {border-right-width: 0; }*/
#nav li ul /*.first*/ {/*border-left: 1px solid #ccc;*/ left: -5px; margin-right: -1px; }
#nav li.current {color: #333; background-color: transparent; /*#d6f6ff;*/ border-bottom-color: #ffffff; /*#d6f6ff;*/}
#nav li.current a, #nav li.current ul li.current a {color: #333; }
#nav li ul {
	display: none;
	position: absolute;
	left: -1px;
	top: 22px;
	width: 200px;
	background: #fff;
	border-left: 1px solid #ccc;
}
#nav li ul li {float: none; display: list-item; height: auto; margin-bottom: 0; margin-top: 0; border-left-width: 0; border-bottom-width: 0; padding-top: 0; padding-bottom: 0; }
#nav li ul a {white-space: nowrap; margin: 0; height: 100%; }
#nav li ul li {background-color: #ffffff; /*#e9f9ff;*/ }
/*#nav li.current ul {display: block; }*/
#nav li.hover ul {display: block; }




/* = language options */
.lang-options {float: right; /*position: absolute; right: 0; top: -10px; */}
.lang-options a 
{
	background-color: #eee;
	background-position: 0 0; 
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 0 7px 0 0;
	width: 16px;
	height: 11px;
	text-indent: -5000px;
}
.lang-en {background-image: url(rsc/us.png); }
.lang-de {background-image: url(rsc/de.png); }
.lang-es {background-image: url(rsc/es.png); }
.lang-fr {background-image: url(rsc/fr.png); }
.lang-it {background-image: url(rsc/it.png); }

/* = page headers */
.page-header {background-position: 0 0; background-repeat: no-repeat; color: #ffffff; height: 325px; position: relative; }
.page-header {background-image: url(rsc/hdr-generic.jpg); }
.page-header .col-left {position: relative; top: 170px; }
.page-header .col-right {position: relative; top: 140px; }
.pg-products-overview .page-header {background-image: url(rsc/hdr-products-bg.jpg); }
.page-header blockquote {background: transparent url(rsc/quote-open.gif) 0 0 no-repeat; color: #fff; font-style: normal; }
.page-header blockquote p {padding-left: 15px; padding-right: 15px; }
.page-header blockquote span.close-quote {background: transparent url(rsc/quote-close.gif) 50% 0 no-repeat; width: 20px; padding: 0 10px; }
.page-header blockquote p.attrib {background-image: none; color: #000; text-align: right; position: relative; top: -0.5em; }

.it3e {background-image: url(../../images/it3e.jpg); }
.it3elite {background-image: url(../../images/it3elite.jpg); }
.it3ex {background-image: url(../../images/it3ex.jpg); }
.it3exp {background-image: url(../../images/it3exp.jpg); }
.it3 {background-image: url(../../images/it3.jpg); }
.it3mp {background-image: url(../../images/it3mp.jpg); }
.it4 {background-image: url(../../images/it4.jpg); }
.it4mp {background-image: url(../../images/it4mp.jpg); }
.broke {background-image: url(../../images/404.png); }

.dts-headline {position: relative; top: 70px; }

.pg-noimg .page-header { height: 175px; background-position: 0 -50px; }
.pg-noimg .page-header .col-right {top: 70px; }
.pg-noimg .dts-headline {top: 35px; }

/* = features */
.sublinks a {display: block; padding: 4px 7px; }
.sublinks .first {}
.sublinks .last {}
.sublinks a:hover {background-color: #e6f6ff; }

/* = teasers */
.teaser {background-position: 0 0 0 0; background-repeat: no-repeat; color: #ffffff; position: absolute; }
.teaser a {color: #ffffff; }
.teaser a:hover {background-color: transparent; color: #ffffff; }
.t-bottom {bottom: 0px; top: auto; }
.t-right {right: 0px; left: auto; }
.t-left {left: 0px; right: auto; }
.t-top {top: 0px; bottom: auto; }
.t-one {background-image: url(rsc/teaser-one.gif); padding: 24px 35px 10px 45px; width: 270px; right: 19px; }

/* = news + events */
#newsitems a:hover, #eventitems a:hover {background-color: transparent; }

/* = tips (using mootools tips plugin) */
.hastip {color: #3595a0; }
.hastip-current {background-color: #e8f0f1; }
.features-tip {/*background: transparent url(rsc/feature-tip-divit.gif) 0 0 no-repeat; padding-left: 7px;*/ width: 200px; }
.features-tip .tip {background-color: #ebf0f1; border: 1px solid #156570; /*border-left-width: 0;*/ padding: 8px 7px; }


/* = footer */
#footer {color: #666; }
#footer a {color: #555; }
#footer a:hover {background-color: transparent; color: #999; border-bottom: 1px solid #999; }
#footer address {font-style: normal; margin-top: .3em; }



/* CSS for ticker */

#ajaxticker1{
width: 200px;
height: 100px;
border: none;
padding: 5px;
background-color: #ffffff;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #ffffff;
}
#ajaxticker2 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #ffffff;
}

.someclass{

}



/* CSS for the DHTML ajax include. CSS needed for the scripts are loaded dynamically by the scripts */
	#mainContainer{
		margin:0 auto;
		text-align:left;
		background-color:#FFF;
		height:100%;
		padding-bottom:10px;
	}

	#mainContainer .news{
		margin:5px;
		border:1px dotted #555;
		background-color:#EEE;	
		padding:10px;
	}
	
	.clear{
		clear:both;
	}

