/* **************************************************** */
/*   Global Stylesheet Definition for Lucatec Website   */
/* **************************************************** */

*, body, td, p, div {
  font-family: Arial, Helvetica, sans-serif !important;
}
body, td, h1 {
  margin: 0;
}
body {
  background: url(/img/blotch-corner.png) no-repeat fixed left bottom;
/*  background-attachment: fixed; */
}
code {
  font-family: Consolas, "Courier New", monospace !important;
  white-space: pre;
}

#centrecol {
  width: 968px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
/*  border: 1px solid silver; */
}

sup {
   font-size: 75%;
   vertical-align: super;
}

#MainTitle {
	text-align: center;
	font-weight: bold;
}
#MainTitle h1, h1#MainTitle {
	font-size: 18pt;
}
#MainTitle h2 {
  margin-top: 0px;
  font-size: 14pt;
}

.l1header,
.vmware_rss_content h3 {
	font-size: 14pt;
	font-weight: bold;
}

.l2header,
.vmware_rss_content h4 {
	font-size: 12pt;
	font-weight: bold;
}

.l3header,
.vmware_rss_content h5 {
	font-size : 11pt;
	font-weight: bold;
	line-height: normal;
}

#BodyContent {
  margin-left: 165px;
  margin-right: 135px;
  font-size: 11pt;
}

#info {
  position: relative;
  font-size: 9pt;
}

#supportdl {
   text-align: center;
   font-size: 8pt;
}

.Product {
  font-variant: small-caps;
}

#FeatureTable td {
	font-size: 10pt;
}

.column {
  float: left;
  width: 49%;  /* IEx setting */
  width: expression(document.body.clientWidth<=640?"207px":document.body.clientWidth>1024?"398px":"49%");
  /* width: 286px; /* 800x600 2 columns*/
}
#BodyContent > .column { /* CSS2 browsers only */
  width: 50%;  
  min-width: 207px; /*  640x480 2 columns */
  max-width: 398px; /* 1024x768 2 columns */
}
.twocolbanner {
  width: 99%;
  width: expression(document.body.clientWidth<=640?"402px":document.body.clientWidth>1024?"784px":"99%");
}
#BodyContent > .twocolbanner {
  width: 100%;
  min-width: 402px;
  max-width: 784px;
}
#rightbar {
  position: absolute;
  top: 90px;
  right: 15px;
  width: 105px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 75%;
/*    border: 1px solid red; */
}
#sidebar{
  position: absolute;
  top: 75px;
  left: 0px;
  width: 150px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12pt; 
/*    border: 1px solid blue; */
}

#langnav {
  margin-bottom: 1em;
}

.langtext {
font-size: 8pt;
}	

a.langtext,
a:visited.langtext {
  color: black;
}

.menuitem,
#BodyContent a,
.section h3 a {
  text-decoration: none;
}
.menuitem,
.section h3 a {
  font-weight: bold;
}

.section a:hover,
#BodyContent a:hover {
  text-decoration: underline;
}

ul#mainmenu {
  height: 450px; /*expression(document.mainmenu.height<390?"390px":"auto");*/
  min-height: 450px;
}
ul#mainmenu,
ul.submenu,
#rightbar ul { 
  padding: 0; 
  margin: 0;
/*    border: 1px solid blue;  */
}
#rightbar li {
  list-style-type: none;
  margin: 4px;
}
#mainmenu li {
  list-style-type: none;
  margin: 0; 
  padding: 0; 

  /* unfortunately without this IEx would display the items too tall : */
  border-bottom: expression('1px dashed white'); 
}

#mainmenu .menuitem {
  display: block;
  padding-left: 12px;
  line-height: 41px; 
  height: 41px;
  margin-top: -12px;
}
.submenu {
  font-size: 90%;
  margin-left: 1em !important;
  display: none;
/*    border: 1px solid red; */
}
#mainmenu a:hover.menuitem{
  background: url(/img/mnublotch.png) no-repeat left;
}
.activeitem > .submenu {
  display: block;
}
#mainmenu li img {
  float:left;
  margin-top: -25.5px;
  margin-left: -0.75em;
}
#rightbar .menuitem img {
  float: left;
  margin-top: -0px;
  margin-left: -0px;
}
.section {
  border: 1px solid rgb(60, 95, 135);
}
div.section.alert {
  border: 1px solid rgb(204,101,86) !important;
}
.section h3{
  margin-top: 0;
  margin-bottom: 0;
  padding: 2px;
}
.section div,
.section p,
.section h4,
.section img {
  margin: 4px;
}
#rightbar .section h3 {
  font-size: 10pt;
}
#BodyContent .section {
  margin-right: 10px;
  margin-bottom: 10px;
}
#BodyContent .section h3 {
  font-size: 12pt;
}

p.more {
  text-align: right;
  font-size: 80%;
}
.more a {
  text-decoration: none;
}
p.timestamp {
  /*text-align: center;
  text-decoration: underline; */
  font-weight: bold;
  font-size: 70%;
}
p.topnews {
  font-weight: bold;
}
.section .icon {
  float: left;
}

.weOffer {
  font-weight: bold;
  text-decoration: underline;
}

.new {
  font-size: smaller;
  color: red;
}

div.moreinfo {
  border-top: 1px black dashed;
}
.moreinfo p.caption {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.moreinfo ul {
  margin-top: 0;
}

a[lang='en'] {
  padding-right: 16px;
  background: url(/img/en.gif) no-repeat right;
} 
a[lang='de'] {
  padding-right: 16px;
  background: url(/img/de.gif) no-repeat right;
} 
a.pdf {
  padding-left: 21px;
  background: url(/img/pdficon.png) no-repeat left;
}

a.demolink {
  background: url(/img/movieicon.gif) no-repeat left;
  padding-left: 12px;
  font-size: smaller;
  white-space: nowrap;
}
ul.demolink {
  list-style-image: url(/img/movieicon.gif);
}

.tmdisclaimer {
  font-size: smaller;
  color: gray;
  clear: left;
  margin-top: 0;
  border-top: 1px dashed gray;
  text-align: center;
  margin-top: 0.5em;
}

.hidden {
  visibility: hidden;
}

.required {
  font-weight: bold;
}

.guiElement {
  font: message-box; 
  font-size: small !important; 
  font-weight: bold !important; 
  color: ButtonText;
}

div.announce {
  border: dashed thick rgb(204, 101, 86);
  padding: 0.5em;
  margin: 0.5em;
}

.announce h1 {
  text-align: center;
}

/* **************************************************** */
/*              global color definitions:               */
/* **************************************************** */
a,
.l1header,
.l2header,
.section h4,
.section h3 a:hover,
.vmware_rss_content h3,
.vmware_rss_content h4   { /* Bright Blue */
	color : rgb(52, 155, 170);
}

#mainmenu a.menuitem,
#contact-link,
#MainTitle,
.l3header,
.vmware_rss_content h5  { /* Dark Blue */
	color: rgb(60, 95, 135);
}
.section h3{ /* Dark Blue */
  background-color: rgb(60, 95, 135);
}

.section h3,
.section h3 a,
#mainmenu a.menuitem:active,
#contact-caption { /* Gold */
	color: rgb(208, 193, 111);
}

.alert h3 { /* Red */
  background-color: rgb(204, 101, 86) !important; 
}
.announce h1,
.error { /* Red */
  color: rgb(204, 101, 86); 
}

.oldDarkBlue {
	color: rgb(49, 64, 144); 
}