/* */
BODY {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: white;
  color: black;
  margin: 0;
}
P {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: black;
  margin: 6px 0px 12px 0px;
  }
P.clear_left { clear: left;}
P.bigger { font-size:120%;}
TT {
  font-family: Courier, monospace;
  font-weight: normal;
  color: black;
}

STRONG { font-weight: bold }
STRONG.bigger {font-size: 120%;}
STRONG.h1 {font-size: 17px;}      /* h1 replacement with less margin   */
STRONG.h2 {font-size: 15px;}      /* h2 replacement with less margin   */
STRONG.h3 {font-size: 14px;}      /* h3 replacement with less margin   */


UL {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;      /* old 11px */
  margin-top:5px;
  margin-bottom:8px;
  color: black;}
UL.PIP    {background: #ddf1ff;}
UL.MIP    {background: #d7f5e6;}
UL.IPM    {background: #ebebdc;}
UL.MCDISK {background: #f6f6ce;}
UL.PERIPHERAL {background: #f5ebf0;}
UL.CUSTOM {background: #e5e2ff;}

LI {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
IMG.float_left {
  float: left;
  margin: 5px;
  margin-right: 2em;
}
IMG.float_right {
  float: right;
  margin: 5px;
  margin-left: 2em;
  margin-right: 2em;
}

IMG.float_left2 {
  float: left;
  margin: 5px;
  margin-right: 3em;
}
IMG.float_right2 {
  float: right;
  margin: 6px;
  margin-left: 3em;
}

caption {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: black;
}
H1 {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 17px;
  margin: 0;
  padding: 8px 0px 8px 0px;
}
H1.title1 { padding: 0px; }
H2 {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
  margin: 0;
  padding: 8px 0px 6px 0px;
}
H2.title2 { padding: 4px 0px 8px 0px; }
H3 {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  padding: 6px 0px 5px 0px;
}
H4 {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
}

table {
  border-color: #828282;
  border-collapse:collapse;
}

td.fheader { color: white;}
ul.fheader { color: white;}
td.question { color: black; background: #ffffcc;}
tr.question { border: solid; border-width: thin;}
td.answer { color: black; background: #ffcccc;}
tr.answer { border: solid; border-width: thin;}
TH {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  border-color: #828282;
  font-size: 13px;    /* old 14 */
}
TH.PIP    {background: #ddf1ff;}
TH.CEC    {background: #fcf6c0;}
TH.MIP    {background: #d7f5e6;}
TH.IPM    {background: #ebebdc;}
TH.MCDISK {background: #f6f6ce;}
TH.PERIPHERAL {background: #f5ebf0;}
TH.PERI   {background: #f5ebf0;}
TH.CUSTOM {background: #e5e2ff;}

TD {
  font-family: Verdana, Arial, sans-serif;
  border-color: #828282;
  font-size: 11px;
}
TD.PIP    {background: #ddf1ff;}
TD.CEC    {background: #fcf6c0;}
TD.MIP    {background: #d7f5e6;}
TD.IPM    {background: #ebebdc;}
TD.MCDISK {background: #f6f6ce;}
TD.PERIPHERAL {background: #f5ebf0;}
TD.CUSTOM {background: #e5e2ff;}
TD.row    {background: #f5f3f3;}                  /* gray row background (alternating) */

TD.yes    {background-image: url('checkmark-green.jpg');
           background-repeat:no-repeat;
           background-position:center center;}    /* yes background */


TD.arial  {font-family: Arial, sans-serif; 
           font-size: 11px; text-align: center;}  /* smaller font for PIP/MIP overview */
TD.title1 {font-weight: bold; font-size: 17px;}   /* product title */
TD.title2 {font-weight: bold; font-size: 15px; line-height: 22px;}   /* product sub-title */


A:link { color:blue; text-decoration:underline }
A:visited { color:black; text-decoration:underline }
A:hover { color:blue; text-decoration:underline }
A:active { color:black; text-decoration:underline }
A:focus { color:black; text-decoration:underline }

A:link.fheader { color:white; text-decoration:underline }
A:visited.fheader { color:white; text-decoration:underline }

a.thumbnail:link { color:blue; text-decoration:underline; outline:none }
a.thumbnail:visited { color:blue; text-decoration:underline; outline:none }
a.thumbnail:hover { color:blue; text-decoration:underline; outline:none }
a.thumbnail:active { color:black; text-decoration:underline; outline:none }
a.thumbnail:focus { color:black; text-decoration:underline; outline:none }

FORM {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
INPUT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* frontpage text boxes */
h2.fp-titel {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	line-height: 14px;	
	margin: 0px;
}
.fp-info {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	background-color: #ffffff;
	padding: 10px; 
	border: 2px;
  	border-style: solid;
 	border-color: #a0a0a0;
 	visibility:hidden;
}

/* This is the layout of the different panes */
#header { /* header all pages */
 margin: 0;
 padding: 0;
 width: 100%;
 height: 150px;
 position: absolute; left: 0px; top: 0px;
/* background: rgb(90%, 90%, 75%); */
}

#containerNAV { /* container standard pages */
}
#navigator { /* navigator standard pages */
 margin: 0;
 padding: 0 0 0 0.6em;
 width: 155px;
 position: absolute; left: 0px; top: 150px;
/* background: #ededed; */
}
#navigatorAPPL { /* navigator application/capability pages */
 margin: 0;
 padding: 0 0 0 0.6em;
 width: 155px;
 position: absolute; left: -160px; top: 5px;
/* background: #ededed; */
}
#center { /* center main area */
 margin: 0 10% 0 0;
 padding: 0 0 0 2em;
 position: absolute; left: 160px; top: 145px;
/* width: 78%; */
 width: 810px;
/* background: rgb(95%, 95%, 80%); */
}

#containerHome { /* container home page */
 position: absolute; left: 90px; top: 150px;
 width:85%;
}
#containerNews { /* container news pages */
 position: absolute; left: 40px; top: 150px;
/* width: 90%; */
 width: 950px;
/* background: rgb(72%, 72%, 72%); */
}
/* background for news column */
.newsbg {
background: #f1f0f0;
}
#newsHome {
 margin: 0 0 0 0;
 padding: 0px 3px 0px 5px;
 position: absolute; left: 738px; top: 170px;
 width: 250px;
background: #f1f0f0;
}
#containerFull { /* container full pages */
 position: absolute; left: 30px; top: 150px;
}


#flashUpper {
	position:absolute; left:32px; top:18px; z-index: 2;
}
#flashLower {
	position:absolute; left:22px; top:15px; z-index: 1;
}

#footer {
  clear: both;
}

/* The definitions for the navigator */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 15.0em;
}
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 2em;
	margin-bottom : -1px;
	width: 15.0em;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 14.0em;
	margin-top : -2.2em;
}
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#nav li a {
	width: 15.0em;
	w\idth: 14.0em;
	display : block;
	color : black;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-decoration : none;
	background-color : #ddf1ff;
	border : 1px solid #8d8d8c;
}
#nav li a:hover {
	color : black;
	background-color : #81bee9;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#content {
	margin-left : 12em;
}

p.news { /* news box, used for trade shows below navigation */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	position : relative;
	width: 15.0em;
	w\idth: 14.0em;
	display : block;
	color : black;
	font-family: Arial, sans-serif;
	font-size: 11px;
	background-color : #ffffff;
	border : 1px solid #8d8d8c;
}

p.intro { /* intro box, used in 0000.html */
        padding: 0px;
	margin: -20px 0px 0px 0px;
	position : relative;
	width: 15.0em;
	w\idth: 14.0em;
	color : black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color : #ffffff; 
}


/* used in 6000.html */
fieldset { position:relative; width:450px; padding:5px 0px 10px 2px;
           border:0px solid #000000; background:#ffffff; }
label { float:left; width:120px; }
.width250  { width:260px; margin-bottom:6px; }
.errortext { font-size:.8em; color:red; font-weight:bold; }



/* pop-up pictures (example pip accessories) */
.thumbnail{
position: relative;
z-index: 0; }

.thumbnail:hover{
background-color: transparent;
z-index: 50; }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: grey;
padding: 0px;
/* left: -1000px; */
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none; }

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0; }

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -90px; /*position where enlarged image should offset vertically */
left: 100px; /*position where enlarged image should offset horizontally */ }

#flashwrapper{	
margin-left: auto;	
margin-right: auto;	
margin-top : 20px;	
text-align:center; border: 1px solid gray;}


.history {
	margin:0px;
	width:700px; }
.history h3 {
	color:#5a90b7;  /* old #43939e */
	font-size:20px;
	margin:0px 0px 10px 20px; }
.history .odd {
	background-color:#edf2f3; }
.history .even {
	background-color:#f8f8f8; }
.history .pip {
	background-image: url(../images/background_pip.gif);
	border: 1px solid grey; }
.history .panel {
	background-image: url(../images/background_panel.gif);
	border: 1px solid grey; }
.history .mip {
	background-image: url(../images/background_mip.gif);
	border: 1px solid grey; }
.history .peripherals {
	background-image: url(../images/background_peripherals.gif);
	border: 1px solid grey; }
.history .mcdisk {
	background-image: url(../images/background_mcdisk.gif);
	border: 1px solid grey; }
.history .custom {
	background-image: url(../images/background_custom.gif);
	border: 1px solid grey; }
.history img {
	display:block;
	float:left;
	padding:15px; }
.history h4 {
	color:#5a90b7;  /* old #43939e */
	font-size:18px;
	margin:10px 0px 5px 0px; }
.history a:link { color:#01899c; text-decoration:underline }
.history a:visited { color:black; text-decoration:underline }
.history a:hover { color:#0d4ceb; text-decoration:underline }
.history ul { padding:0 0 10px 20px; }
.history p { padding:0px 20px 4px; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }