@import url("./zpmenu/themes/lightblue.css");
/* GENERAL */
/* Body */
body {
	FONT-SIZE: 73%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	height : 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	}
	
/* Input, text fields */
input {
	font-size: 9px;
	}

input.sitesearch {
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	}	

/* Images */
img {
	border: 1px solid #000000;
	}

img.noborder {
	border: none;
	}

/* Textbox */
select {
	font-size: 9px;
	}
textarea {
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
textarea.sitesearch {
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	}	

/* Hightligt Lists */
ul.highlights {
	font-size: 100%;
	color: #FF9900;
	padding-bottom: 0px;
	text-decoration: none;
	font-weight: bold;
	}

/* TABLES */
/* Default table */
table {
	border-collapse: collapse;
	border: 0px;
	}
	
td {
	border-collapse: collapse;
	vertical-align: top;
	}

/* List layout table (for listing all modules, examples, features, applications etc) */
table.list {
	border-collapse: collapse;
	border: 0px;
	}

td.list {
	border-collapse: collapse;
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	}

/* Submenu layout table */
table.submenu {
	border-collapse: collapse;
	}

td.submenu {
	border-collapse: collapse;
	vertical-align: top;
	}

/* Text & Picture layout table (used for Examples, Applications etc) */
table.textpicture {
	font-size: 100%;
	width: 100%;
	border-collapse: collapse; 
	border: 0px solid; 
	border-color: #003399;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

tbody.textpicture {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

td.textpictureleft {
	font-size: 100%;
	padding-bottom: 20px;
	padding-right: 10px;
	vertical-align: top;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

td.textpictureright {
	font-size: 100%;
	padding-bottom: 20px;
	vertical-align: top;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

td.textpicturefull {
	font-size: 100%;
	padding-bottom: 20px;
	vertical-align: top;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

td.narrowlist	{
	border-collapse: collapse;
	border-bottom: 1px solid;
	border-color: #808080;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none
	}	


/* TEXT FORMATTING STYLES */
.address {
	font-size: 9px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;	
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}	

/* Title of details page text formatting class */
.pagetitle {
	font-size: 150%;
	padding-bottom: 20px;
	color: #000000;
	text-decoration: none;
	font-weight: bold
	}

/* Details section heading text formatting class */
.detailssection {
	font-size: 100%;
	color: #000000;
	padding-bottom: 15px;
	text-decoration: none;
	font-weight: bold
	}

/* SPIP Element text formatting class (shortcuts, dialog names, spip buttons etc)*/
.spipelement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: none
	}

/* Source code text formatting class (C++, VB and other source code)*/
.sourcecode {
	font-family: Courier New, monospace;
	font-size: 100%;
	color: #FF6600;
	text-decoration: none
	}

/* Courtesy text formatting class (for "data courtesy of...")*/
.courtesy  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-decoration: none
	}

/* Figure caption text formatting class (below figures, images, tables etc)*/
.figurecaption  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	text-decoration: none
	}

/* Frontpage menu Classes */
.frontpageblockheading {	
	font-weight: bold;
	}

.frontpageblocktext {
	font-size: 9px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 0px;	
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}

.frontpageheading {
	font-size: 11px;
	padding-bottom: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 10px;	
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

.frontpagetext {
	font-size: 11px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 10px;	
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}

/* Submenu text formatting classes */
.submenutitle {
	font-size: 12px;
	padding-bottom: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold
	}

.submenuheading {
	font-size: 10px;
	padding-bottom: 2px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

/* Related menu Classes */
.relatedmenuheading {
	font-size: 10px;
	padding-bottom: 2px;
	padding-top: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

.relatedmenutitle {
	font-size: 12px;
	padding-bottom: 2px;
	color: #000000;
	text-decoration: none;
	font-weight: bold
	}

/* Introduction text formatting class */
.introduction {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	padding-bottom: 15px;
	color: #000000;
	text-decoration: none;
	}

/* Site search styles*/
.highlight { background: #FFFF40; }
.searchheading { font-size: 100%; font-weight: bold; }
.summary { font-size: 90%; font-style: italic; } 
.results { font-size: 100%; }
.category { color: #808080; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 85%; font-style: normal; color: #808080; }
.result_title { font-size: 100%; }

/* LINKS */
/* Normal links */
a:link {color: #000099; text-decoration: none}
a:visited {color: #000099; text-decoration: none}
a:hover {color: #000099; text-decoration: underline}
a:active {color: #000099; text-decoration: underline}

/* Heading links */
a.detailssection:link {color: #000099; text-decoration: none; font-weight: bold}
a.detailssection:visited {color: #000099; text-decoration: none; font-weight: bold}
a.detailssection:hover {color: #000099; text-decoration: underline; font-weight: bold}
a.detailssection:active {color: #000099; text-decoration: underline; font-weight: bold}

/* Sitemenu deselected links */
a.sitemenu:link {font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.sitemenu:visited {font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.sitemenu:hover {font-size: 11px; color: #FFFFFF; text-decoration: underline; font-weight: bold}
a.sitemenu:active {font-size: 11px; color: #FFFFFF; text-decoration: underline; font-weight: bold}

/* Sitemenu selected links */
a.sitemenuactive:link {font-size: 11px; color: #FFCC00; text-decoration: none; font-weight: bold}
a.sitemenuactive:visited {font-size: 11px; color: #FFCC00; text-decoration: none; font-weight: bold}
a.sitemenuactive:hover {font-size: 11px; color: #FFCC00; text-decoration: underline; font-weight: bold}
a.sitemenuactive:active {font-size: 11px; color: #FFCC00; text-decoration: underline; font-weight: bold}

/* Mainmenu deselected links */
a.mainmenu:link {font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.mainmenu:visited {font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold}
a.mainmenu:hover {font-size: 11px; color: #FFFFFF; text-decoration: underline; font-weight: bold}
a.mainmenu:active {font-size: 11px; color: #FFFFFF; text-decoration: underline; font-weight: bold}

/* Mainmenu selected links */
a.mainmenuactive:link {font-size: 11px; color: #6699CC; text-decoration: none; font-weight: bold}
a.mainmenuactive:visited {font-size: 11px; color: #6699CC; text-decoration: none; font-weight: bold}
a.mainmenuactive:hover {font-size: 11px; color: #6699CC; text-decoration: underline; font-weight: bold}
a.mainmenuactive:active {font-size: 11px; color: #6699CC; text-decoration: underline; font-weight: bold}

/* Submenu deselected links */
a.submenuitem:link {font-size: 11px; color: #000000; text-decoration: none; font-weight: normal}
a.submenuitem:visited {font-size: 11px; color: #000000; text-decoration: none; font-weight: normal}
a.submenuitem:hover {font-size: 11px; color: #000000; text-decoration: underline; font-weight: normal}
a.submenuitem:active {font-size: 11px; color: #000000; text-decoration: underline; font-weight: normal}

/* Submenu selected links */
a.submenuitemactive:link {font-size: 11px; color: #000000; text-decoration: none; font-weight: bold}
a.submenuitemactive:visited {font-size: 11px; color: #000000; text-decoration: none; font-weight: bold}
a.submenuitemactive:hover {font-size: 11px; color: #000000; text-decoration: underline; font-weight: bold}
a.submenuitemactive:active {font-size: 11px; color: #000000; text-decoration: underline; font-weight: bold}

/* Related menu deselected links */
a.relatedmenuitem:link {font-size: 11px; color: #000000; text-decoration: none}
a.relatedmenuitem:visited {font-size: 11px; color: #000000; text-decoration: none}
a.relatedmenuitem:hover {font-size: 11px; color: #000000; text-decoration: underline}
a.relatedmenuitem:active {font-size: 11px; color: #000000; text-decoration: underline}

/* Related menu selected links */
a.relatedmenuitemactive:link {font-size: 11px; color: #000000; text-decoration: none; font-weight: bold}
a.relatedmenuitemactive:visited {font-size: 11px; color: #000000; text-decoration: none; font-weight: bold}
a.relatedmenuitemactive:hover {font-size: 11px; color: #000000; text-decoration: underline; font-weight: bold}
a.relatedmenuitemactive:active {font-size: 11px; color: #000000; text-decoration: underline; font-weight: bold}

/* Frontpage block links */
a.frontpageblocktext:link {color: #000000; text-decoration: none}
a.frontpageblocktext:visited {color: #000000; text-decoration: none}
a.frontpageblocktext:hover {color: #000000; text-decoration: underline}
a.frontpageblocktext:active {color: #000000; text-decoration: underline}

/* Frontpage text selected links */
a.frontpagetext:link {color: #000000; text-decoration: none}
a.frontpagetext:visited {color: #000000; text-decoration: none}
a.frontpagetext:hover {color: #000000; text-decoration: underline}
a.frontpagetext:active {color: #000000; text-decoration: underline}

/* Breadcrumbs links */
a.breadcrumbs:link {font-size: 11px; color: #000099; text-decoration: none}
a.breadcrumbs:visited {font-size: 11px; color: #000099; text-decoration: none}
a.breadcrumbs:hover {font-size: 11px; color: #000099; text-decoration: underline}
a.breadcrumbs:active {font-size: 11px; color: #000099; text-decoration: underline}

/* Printerfriendly links */
a.printerfriendly:link {font-size: 11px; color: #000099; text-decoration: none}
a.printerfriendly:visited {font-size: 11px; color: #000099; text-decoration: none}
a.printerfriendly:hover {font-size: 11px; color: #000099; text-decoration: underline}
a.printerfriendly:active {font-size: 11px; color: #000099; text-decoration: underline}

/* Contact info in submenus */
a.contactinfo:link {font-size: 11px; color: #444444; text-decoration: none}
a.contactinfo:visited {font-size: 11px; color: #444444; text-decoration: none}
a.contactinfo:hover {font-size: 11px; color: #444444; text-decoration: underline}
a.contactinfo:active {font-size: 11px; color: #444444; text-decoration: underline}

/* LAYOUT BOXES */
/* Entire site box */
#outer {
	BORDER-RIGHT: #000000 0px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #000000 0px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 8px auto 8px;
	BORDER-LEFT: #000000 0px solid;
	WIDTH: 836px;
	height: 95%;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #000000 0px solid;
	BACKGROUND-color: #FFFFFF;
	background-image: url(./images/menubackground.gif);
	background-position: left;
	BACKGROUND-REPEAT: repeat-y;
	}

#outerfull {
	BORDER-RIGHT: #000000 0px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #000000 0px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 8px auto 8px;
	BORDER-LEFT: #000000 0px solid;
	WIDTH: 836px;
	height: 93%;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #000000 0px solid;
	BACKGROUND: #FFFFFF;
	}

/* Heading boxes */
#headergraphic {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic.jpg") repeat-y;
	}
	
#headergraphic_advancedsearch {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_advancedsearch.jpg") repeat-y;
	}
		
#headergraphic_company {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_company.jpg") repeat-y;
	}
	
#headergraphic_download {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_download.jpg") repeat-y;
	}
	
#headergraphic_howtobuy {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_howtobuy.jpg") repeat-y;
	}

#headergraphic_partners {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_partners.jpg") repeat-y;
	}	
	
#headergraphic_products {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_products.jpg") repeat-y;
	}
	
#headergraphic_references {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_references.jpg") repeat-y;
	}
	
#headergraphic_sitemap {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_sitemap.jpg") repeat-y;
	}
	
#headergraphic_support {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_support.jpg") repeat-y;
	}

#headergraphic_distributors {
	z-index: 2;
  	width: 100%;  
	height: 75px;
	BACKGROUND: #000033 url("./images/headergraphic_distributors.jpg") repeat-y;
	}

#sitemenu {
	float: right;
	text-align: right;
	font-size: 10px;
	width: 23%;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 5px;
	}

#sitesearch {
	float: right;
	text-align: right;
	font-size: 10px;
	width: 50%;
	padding-top: 23px;
	padding-bottom: 0px;
	padding-right: 15px;
	}
	
#mainmenu {
	float: left;
	text-align: justify;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	width: 606px;
	height: 20px;
	background-color: #000000;
	}
	
#mainmenuleftspacer {
	float: left;
	width: 190px;
	height: 25px;
	background-color: #000000;
	}

/* Details boxes */
#outerleftmenu {
	float: left;
	font-size: 10px;
	width: 175px;
	padding-top: 0px;
	padding-bottom: 25px;
	padding-left: 5px;
	padding-right: 5px;
	border: none;
	}

#submenu {
	float: left;
	width: 100%;	
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	}

#relatedmenu {
	float: left;
	width: 168px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	border: 1px solid #000000;
	background-color: #CCCCCC;
	}

#contactinfo {
	float: left;
	color: #444444;
	width: 168px;	
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	}
	
#breadcrumbs {
	float: left;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 27px;
	width: 445px;
	height: 20px;
	}
	
#printerfriendly {
	float: right;
	text-align: right;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 20px;
	width: 150px;
	height: 20px;
	background-color: #FFFFFF;
	}
	
#details {
	width: 604px;
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	}	
	
#detailsfull {
	width: 836px;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	}

/* Validator */
#validator {
	BORDER-RIGHT: #000000 0px solid;
	FONT-SIZE: 9px;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #000000 0px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 8px auto 8px;
	BORDER-LEFT: #000000 0px solid;
	WIDTH: 834px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #000000 0px solid;
	}