@charset "iso-8859-1";
/*
		(C) 2003,2004,2005 VRT
	Name:		styles/crispgrey/default.css
	Type:		Cascading Style Sheet
	Description:	Default settings for VRT "crispgrey" style 
	Created:	06-Dec-2003 Mark Oellermann
	Created:	21-Jan-2005 Mark Oellermann
*/


/* Basic HTML Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
	margin: 0;
   padding: 0;
	font-family: verdana, tahoma, arial, sans, helvetica, sans-serif;
	font-size: 13px;
}

h1 { /* Page headings */
	font-family: arial, sans, helvetica, sans-serif;
	color: #0000A0;
	font-size: 28px;
	font-weight: 900;
	font-style: italic;
}

h2 { /* Content headings */
	color: black;
	background: transparent;
	font-family: "lucida sans unicode", tahoma, verdana, arial, sans, helvetica, sans-serif;
	font-size: 20px;
	border-bottom: 1px solid black;
	margin: 0 0 10px 0;
}

h3 { /* Content subheadings */
	display: inline;
	font-family: "lucida sans unicode", tahoma, verdana, arial, sans, helvetica, sans-serif;
	color: #646464;
	background: white;
	font-size: 14px;
	border-bottom: 1px dotted #646464;
	margin: 0 0 10px 0;
}

h4 { /* Content subheadings */
	font-family: "lucida sans unicode", tahoma, verdana, arial, sans, helvetica, sans-serif;
	color: #646464;
	background: white;
	font-size: 12px;
	margin: 0 0 5px 0;
}

table {
	border 0;
}

th {
	border-spacing: 3;
	padding: 5;
	font-family: verdana, tahoma, arial, sans, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
	background: #FFF3CE;
}

td {
	border-spacing: 3;
	padding: 5;
	font-family: verdana, tahoma, arial, sans, helvetica, sans-serif;
	font-size: 13px;
	color: black;
	background: #DDDDDD;
}

table.layout td {
	color: black;
	background: transparent;
}

hr {
	height: 1px;
	border: 0;
	background: black;
	color: black; /* For broken IE */
}

abbr, acronym, span.credits {
	border-style: dashed;
	border-width: 0 0 1px 0;
	cursor: help;
}

li {
	padding-top: 8px;
}

/* CSS Elements specific to the "topnav" region
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.topnav {
	width: 100%;
	height: 120px;
	background: #E0E0E0 url("./headline-background-repeat.png") repeat-x top left;
}
div.topnav div#banner {
	width: 880px;
	height: 120px;
	background: #E0E0E0 url("./headline-background.png") no-repeat top left;
}


/* CSS Elements specific to the "headline" region
for displaying VRT page titles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.headline {
	position: absolute;
	top: 0;
	width: 880px;
	height: 120px;
	padding: 10px 20px 10px 20px;
}

div.headline img {
	float: left;
}

div.headline h1 {
	margin: 0px;
	padding-top: 40px;
	padding-left: 200px;
}

/* CSS Elements specific to the "content" region
for displaying general page content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.content {
	position: absolute;
	margin: 0;
	padding: 20px;
	top: 120px;
	left: 180px;
	width: 500px;	
}

div.content a {
	color: #0000A0;
	font-weight: bold;
	text-decoration: none;
}
div.content a:hover {
	color: #8080FF;
	text-decoration: underline;
}

/* Features, article lead-ins etc. */
p.featurebox {
	margin: 0 0 20px 0;
	font-family: tahoma, arial, sans, helvetica, sans-serif;
	padding: 2px;
	background: #F0F0F0 url("featurebox-bg-repeat.png") repeat-x bottom left;
	border: 1px solid #DDDDDD;
}

p.featurebox .title {
	font-size: 120%;
	font-weight: bold;
}

p.featurebox img {
	padding-right: 5px;
	float: left;
}

/* Quotes from reports & news sources, client testimonials etc. */
p.quotebox {
	padding: 2px;
	text-align: right;
	color: black;
	background: #F0F0F0 url("quotebox-bg.png") no-repeat bottom left;
	font-weight: bold;
	border: 1px solid #DDDDDD;
}
p.quotebox .quote {
	display: block;
	font-family: Times New Roman, Batang, serif;
	font-weight: normal;
	font-size: 150%;
	font-style: italic;
	text-align: left;
}


/* Special case for Satec datasheets */
div.datasheet {
	margin: 10px;
}


/* CSS Elements specific to the "sidebar" region
for displaying sidebar menus and features
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.sidebar {
	margin: 0;
	padding: 15px 15px 15px 15px;
	top: 120px;
	left: 0;
	bottom: 0;
	width: 150px;
	background: #E0E0E0 url("./sidebar-bg-repeat.png") repeat-x top left;
}

dl.sidemenu {
	margin: 0;
	font-family:  tahoma,  verdana,  arial, sans, helvetica, sans-serif;
}

dl.sidemenu dt {
	width: 146px;
	height: 22px;
	margin-bottom: 2px;
	background: #f2f2f2 url("./menu-button.png") no-repeat top left;
	font-size: 12px;
}

dl.sidemenu a {
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 5px;
	display: block;
	color: #0000A0;
	font-weight: bold;
	text-decoration: none;
}

dl.sidemenu a:hover {
	color: #8080FF;
}

/* 1. Collapse all "sidemenu" subitems */
dl.sidemenu dd {
	display: none;
}

/* 2. Expand "sidemenu" subitems for current section */
.Home dd.Home, .Capabilities dd.Capabilities, .Products dd.Products,
.IndustryFocus dd.IndustryFocus, .About dd.About {
	display: block;
}

/* 3. Highlight currently selected "sidemenu" subitem */
#Item1 dl.sidemenu dd#Item1, #Item2 dd#Item2, #Item3 dd#Item3,
#Item4 dd#Item4, #Item5 dd#Item5, #Item6 dd#Item6,
#Item7 dd#Item7, #Item8 dd#Item8, #Item9 dd#Item9,
#Item10 dd#Item10, #Item11 dd#Item11, #Item12 dd#Item12 {
	font-weight: bold; 
	color: #0000A0;
}

dl.sidemenu dd {
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 10px;
	background: transparent;
}

dl.sidemenu dd a {
	display: block;
	color: #808080;
}

dl.sidemenu dd a:hover {
	display: block;
	color: #404040;
	background: #D4D4D8;
}

/* Sidebox for contact & search links */
dl.sideseek {
	margin: 20px 5px 10px 5px;
	border: 1px solid #0000A0;
}

dl.sideseek dt {
	font-family: arial, sans, helvetica, sans-serif;
	font-style: italic;
	afont-weight: bold;
	font-size: 11px;
	atext-transform: lowercase;
	color: #0000A0;
	padding: 2px 5px 2px 5px;
}	

dl.sideseek dt a {
	color: #0000A0;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}	
dl.sideseek dt a:hover {
	color: #8080FF;
}


/* Sideboxes for partner logos, features and app links */
dl.sidebox {
	margin: 20px 0 10px 0;
	border: 1px solid #BBBBBB;
	background: white;
}

dl.sidebox dt {
	font-family: arial, sans, helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	text-align: center;
	text-transform: lowercase;
	color: #BBBBBB;
	padding: 2px 5px 2px 5px;
}	
	
dl.sidebox dd {
	text-align: center;
	padding: 15px;
	margin-left: 0px;
}

div.sidebar p {
	margin: 0;
	padding: 0px 0px 0px 10px;
	font-family: tahoma, arial, sans, helvetica, sans-serif;
	font-size: 12px;
}

div.sidebar p img {
	vertical-align: middle;
}


/* CSS Elements specific to the "footer" region
for displaying general page content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.footer {
	border-top: 1px solid black;
	color: black;
	font-size: 10px;
	text-align: center;
}


/* Special case formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.button { /* show links as buttons where required */
	color: black;
	text-decoration: none;
	font-weight: bold;
	background: #CCCCCC;
	padding: 1px 5px 1px 5px;
	border-left: 2px solid #EEEEEE;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #404040;
	border-bottom: 2px solid #404040;
}

p.feature { /* Highlighted text for features/special offers etc. */
	color: #0000A0;
	background: white;
	font-family: tahoma, arial, sans, helvetica, sans-serif;
	font-weight: bold;
}