body, form, input, li, p, select, span, td, textarea
	{
	color: #363636;
	font-family: Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
/* layout */
.contentBody /* Used in Profiles.asp */
{
	text-align: center;
	background-repeat:repeat-x; 
	background: #D7D7D7 url("/images/background_Fade_horizontal.gif") repeat-y center;
}
#wrapper {/* Used in Profiles.asp */
	width: 770px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	/*background-color: #ffffff;*/
}
#background {/* Used in Profiles.asp */
	width: 770px;
	height:100%;
	/*background-color: #ffffff;*/
}
#topBlock {/* Used in Profiles.asp */
	position: absolute;
	margin: 0 0 0 -384px; /* margin left is half the width you want it to be */
	left: 50%; /* now you position it to half the screen */
	width: 769px; /* And you make it the size you want it to be */
	height: 60px; /* and of course the height you want it to be */
	background-color: #ffffff;
	z-index: 0;
	}
#topBlockContent{/* Used in Profiles.asp */
	margin: 5px;
	}
#leftBlock {/* Used in Profiles.asp */
	position: absolute;
	margin: 55px 0 0 -385px; /* margin top is exact the height of the topBlock */
	left: 50%;
	width: 150px;
	/*background-color: #ffffff;*/
	z-index: 1;
}
#leftBlockContent{/* Used in Profiles.asp */
	margin-top: 5px;
	padding:0 5px 5px 5px;
}
#centerBlock {/* Used in Profiles.asp */
	position: absolute;
	margin: 55px 0 0 -220px;
	left: 50%;
	width: 440px;
	/*background-color: #ffffff;*/
	z-index: 2;
}
#centerBlockContent{/* Used in Profiles.asp */
	margin-top: 5px;
	padding:0 20px 5px 20px;
	}
#rightBlock {/* Used in Profiles.asp */
	position: absolute;
	margin: 55px 0 0 217px;
	left: 50%;
	width: 150px;
	/*background-color: #ffffff;*/
	z-index: 3;
}
#rightBlockContent{/* Used in Profiles.asp */
	margin-top: 5px;
	padding:0 5px 5px 5px;
}
/* end layout */

li{
	line-height: 130%;
	text-align: justify;
	}
form, p, span	{
	margin-bottom: 0px;
	margin-top: 0px;
	}

/*
input, select, textarea
	{
	border-color: #363636;
	border-width: 1px;
	}
*/
a:link, a:visited
	{
	color: #0071CB;
	font-weight: normal;
	text-decoration: none;
	}

a:active, a:hover
	{
	color: #0071CB;/*00CCFF*/
	font-weight: normal;
	text-decoration: underline;
	}
a.bold:link, a.bold:visited
	{
	color:#0071CB;
	font-weight: bold;
	text-decoration: none;
	}

a.bold:active, a.bold:hover
	{
	color:#0071CB;
	font-weight: bold;
	text-decoration: none;
	}

a.calendar:link, a.calendar:visited
	{
	color: #ffffff;
	}

a.calendar:active, a.calendar:hover
	{
	font-weight: bold;
	text-decoration: none;
	}

a.menu:link, a.menu:visited
	{
	color: #363636;
	}

a.menu:active, a.menu:hover
	{
	color: #888888;
	text-decoration: none;
	}

h1
	{
	color:#00CCFF;/*00CCFF*/
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 0px;
	text-decoration: none;
	}

h2
	{
	color: #363636; /*#00CCFF*/
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	}

h3
	{
	color: #00CCFF;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 6px;
	}

h4
	{
	color: #363636;/*00CCFF*/
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-decoration: none;
	}

.BodyRFQ,.BodyReg
	{
	background-image: url(/images/background.gif); 
	background-attachment: fixed; 
	background-color: #FFFFFF; 
	background-repeat:repeat-y;
	background-position:right;
	margin: 0px;
	margin-right:8px;
	}

.BodyRfqWizard
	{
	background-image: url(/images/background_RFQ.gif); 
	background-attachment: fixed; 
	background-color: #FFFFFF; 
	background-repeat:repeat-y;
	margin: 0px;
	margin-right:8px;
	}
	
.BodyRFIWizard
	{
	background-image: url(/images/background_RFI.gif); 
	background-attachment: fixed; 
	background-color: #FFFFFF;
	background-repeat:repeat-y; 
	margin: 0px;
	margin-right:8px;
	}
	
.BodyNewPopup
	{
	background-image: url(/images/background.gif);
	background-attachment: fixed; 
	background-position:right;
	background-repeat:repeat-y; 
	background-color: #FFFFFF; 
	margin: 8px;
	}

.BodyPopup
	{
	background-image: url(/images/background.jpg);
	background-attachment: fixed; 
	background-color: #FFFFFF; 
	margin: 8px;
	}
	
.BodyContent,.BodyHeader,.BodyNavigation,.BodyHome,.BodyMenu,.BodyPart
	{
	background-color: #FFFFFF; 
	margin: 0px;
	}

.BodyDesktop
	{
	background-image: url(/images/Desktop_buyer_bg.jpg);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	background-repeat:repeat-y;
	margin: 0px;
	margin-right:8px;
	}

.BodyDemo
	{
	background-color: #FFFFFF; 
	margin: 0px; 
	margin-top:20px
	}

.BodyScroller
	{
	background-color: #CCCCCC; 
	margin: 0px;
	}

.BodyWizard
	{
	background-image: url(/images/wizard_bg.gif); 
	background-attachment: fixed; 
	background-color: #FFFFFF;
	background-repeat:repeat-y; 
	margin: 0px;
	}

.NewBodyWizard
	{
	background-image: url(/images/New_wizard_bg.gif); 
	background-attachment: fixed; 
	background-color: #FFFFFF;
	background-repeat:repeat-y; 
	margin: 0px;
	}	
	
.small /* Used in Profiles.asp */
	{
	font-size: 10px;
	}

.melding
	{
	color: #ed1c24;
 	font-weight: bold;
	text-decoration: none;
	}

.meldingjustify
	{
	color: #ed1c24;
 	font-weight: bold;
	line-height: 130%;
	text-align: justify;
	text-decoration: none;
	}
    
.menuheader
	{
	color: #ffffff;
	}

.chcolor
	{
	color: #363636;
	}

.justify /* Used in Profiles.asp */
	{
	line-height: 17px;
	text-align: justify;
	}

.right
	{
	line-height: 130%;
	text-align: right;
	}

th
	{
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	text-decoration: none;
	vertical-align: top;
	line-height: 130%;
	padding:1px;
	}

.clSearchDiv
	{
	display: block;
	width: 100%;
	overflow:hidden; 
	border: 1px solid #363636;
	/*padding:1px;*/
	background-color:#E2EEF6;
	/*background-color: #efefef<%'=TableLightCH3%>; 
	width:201px; left:0px; top:0px;
	layer-background-color: #efefef<%'=TableLightCH3%>;*/
	}
	
.button
	{
	width:60px; 
	border-style: solid;
	border-width: 1px; 
	background-color: #FFFFFF;	
	font-size: 10px;
}

.FieldLabel
/*Class Fieldlabel is used in the div from fieldlabel in funcs.asp,
all the fieldlabels can be adjusted at once with this class*/
	{
	vertical-align:bottom;
	/*font-weight: bold;*/
	/*font-style: italic;*/
	}

.WriteMemoField
	{
	background-color:#EEE;
	}

/* This piece breaks te page when it is printed, 
When used, the stuff beneath this code will be printed on a second page
Use as <P CLASS="PrintPageBreak">*/
P.PrintPageBreak 
	{
	page-break-before: always
	}

.BlokHeader /* Used in Profiles.asp */
	{
	width:155px; 
	background-color:#3399cc;
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
	border-top: 1px solid #999999;
	}
.BlokHeaderText /* Used in Profiles.asp */
	{
	font-size:9px;
	text-align: center;
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	}	
.BlokHeaderText h3 /* Used in Profiles.asp */
	{
	font-size:9px;
	text-align: center;
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin:0px;
	}
.BlokContent /* Used in Profiles.asp */
	{
	width: 155px;
	border: 1px solid #999999;
	background-color: #F9F9F9;
	}
.BlokContentText /* Used in Profiles.asp */
	{
	text-align: left;
	padding: 5px 1px 5px 2px;
	}

.BlokContentText a /* Used in Profiles.asp */
	{
	color: #363636;	
	}
.BlokContentText a:hover /* Used in Profiles.asp */
	{
	color: #888888;
	text-decoration: none;	
	}
.BlokContentText a:visited /* Used in Profiles.asp */
	{
	color: #363636;	
	}
.profileBlokContentext  /* Used in Profiles.asp */
	{
	line-height: 130%;
	}
.profileBlokContentext a{ /* Used in Profiles.asp */
	color: #3399CC;	
	}
.profileBlokContentext a:hover{ /* Used in Profiles.asp */
	color: #3399CC;
	text-decoration: underline;	
	}
.profileBlokContentext a:visited{ /* Used in Profiles.asp */
	color: #3399CC;	
	}

/* Begin Profile classes */
.ProfileBlokHeader
	{
	width: 175px; 
	background-color: #00BDEC;
	border-left: 1px solid #0069b3; 
	border-right: 1px solid #0069b3; 
	border-top: 1px solid #0069b3;
	}
.ProfileBlokHeaderText
	{
	text-align: center;
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	padding: 3px;
	}
.ProfileMainBlokHeader /* Used in profiles.asp */
	{
	width: 400px;
	border: 1px solid #999999; 
	background-color: #3399cc;
	}
.ProfileMainBlokHeaderText /* Used in profiles.asp */
	{
	text-align: left;
	color: #FFFFFF;
	font-variant: small-caps;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	}
.ProfileMainBlokHeaderText H3
	{
	text-align: left;
	color: #FFFFFF;
	font-variant: small-caps;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	}
.ProfileMainBlokContent /* Used in profiles.asp */
	{
	width: 400px;
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999;
	background-color: #FFFFFF;	
	}
.ProfileMainBlokContentText /* Used in profiles.asp */
	{
	text-align: left;	
	padding: 6px;
	line-height: 130%;
	text-align: justify;
	}
.ProfileMainBlokFooter /* Used in Profiles.asp */
	{
	width: 400px;
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999;
	border-top: 0px;
	vertical-align: top;
	}
.ProfileMainBlokFooterText /* Used in Profiles.asp */
	{
	background-color:#FFFFFF;
	text-align:right; 
	padding:1px;
	}

.ProfileBody
	{
	margin: 0px;
	background-image: url(/images/background_fade.gif);
	background-repeat:repeat-x;
	background-color:#cccccc;
	}

.horizon        
	{
	text-align: center;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}

.content    
	{
	text-align: left;
	background-color: transparent;
	margin-left: -315px;
	padding: 5px 0 0 0;
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 50%;
	width: 630px;	/*this should be twice the margin-left*/
	visibility: visible;
	border : solid 0px #000000;
	}

.textContent{
	padding: 0 50px 0 50px;
	}
.pageTitle{
	font-size: 18px;
	font-weight : bold;
	color:#00CCFF;
	padding-left:25px;
	}

.pageIntro {
	font-weight:bold;
	text-align:justify;
	line-height: 17px;
	}
	
.pageContent{
	text-align:justify;
	line-height: 17px;
	}	

.pagePhoto{
	width:150px; height:100px;
	border: 1px solid #363636;
	margin-left: 5px;
	margin-top: 2px;
	}
	
/* Begin Tab strip classes */

.tabOnStart{
	background: url('/images/tab_onstart.gif');
	}
.tabOffStart{
	background: url('/images/tab_offstart.gif');
	}
.tabOnTab{
	background: url('/images/tab_ontab.gif'); 
	vertical-align:top;
	}
.tabOffTab{
	background: url('/images/tab_offtab.gif'); 
	vertical-align:top;
	}
.tabOnOff{
	background: url('/images/tab_onOff.gif');
	}
.tabOffOff{
	background: url('/images/tab_offOff.gif');
	}
.tabOffOn{
	background: url('/images/tab_offOn.gif');
	}
.tabOnEnd{
	background: url('/images/tab_onEnd.gif');
	}
.tabOffEnd{
	background: url('/images/tab_offEnd.gif');
	}
.tabEmpty{
	background: url('/images/tab_empty.gif'); 
	text-align:right;
	width:100%;
	}
.tabEnd{
	background: url('/images/tab_end.gif');
	}
.tabVertline{
	background: url('/images/tab_vertline.gif');
	width:1px;
	}
.tabNavLine{
	background: url('/images/nav_line.gif');
	}
.tabLineColor{
	background-color:#363636;
	}
	
.tabColorTLine{
	background: url(/images/colorTLine.gif);
	}
/* End Tab strip classes */

/* Navigation buttons inc. mouse over */
/*http://wellstyled.com/files/css-nopreload-rollovers/example2.html*/
#Navigationmenu {
	}

div.buttonImg {
	float: left;
	margin: 0 0 0 5px;
	text-align:center;
	}

#buttonImg80{
	width: 80px; height: 15px;
	background: url( '/images/button_80.gif' ) -80px 0 no-repeat;
	}

#buttonImg100{
	width: 100px; height: 15px;
	background: url( '/images/button_100.gif' ) -100px 0 no-repeat;
	}

#buttonImg120{
	width: 120px; height: 15px;
	background: url( '/images/button_120.gif' ) -120px 0 no-repeat;
	}

#buttonImg150{
	width: 150px; height: 15px;
	background: url( '/images/button_150.gif' ) -150px 0 no-repeat;
	}
	
div.buttonImg a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	line-height:15px;
	}

#buttonImg80 a{
	background: url( '/images/button_80.gif' ) top left no-repeat;
	}
	
#buttonImg100 a{
	background: url( '/images/button_100.gif' ) top left no-repeat;
	}

#buttonImg120 a{
	background: url( '/images/button_120.gif' ) top left no-repeat;
	}

#buttonImg150 a{
	background: url( '/images/button_150.gif' ) top left no-repeat;
	}
			
div.buttonImg span {
	display: block;
	margin:0; padding: 0 0 0 0;
	}
	
div.buttonImg a:hover {
	background-image: none;
	text-decoration:none;
	line-height:15px;
	}

#buttonImg80 a:hover{
	background-image:none;
	}

#buttonImg100 a:hover{
	background-image:none;
	}

#buttonImg120 a:hover{
	background-image:none;
	}
	
#buttonImg150 a:hover{
	background-image:none;
	}
			
div.buttonImg a:active {
	color: black;
	text-decoration:none;
	line-height:15px;
	}

#buttonImg80 a:active{
	background: url( '/images/button_80.gif' ) -160px 0 no-repeat;
	}
	
#buttonImg100 a:active{
	background: url( '/images/button_100.gif' ) -200px 0 no-repeat;
	}
	
#buttonImg120 a:active{
	background: url( '/images/button_120.gif' ) -240px 0 no-repeat;
	}	
	
#buttonImg150 a:active{
	background: url( '/images/button_150.gif' ) -300px 0 no-repeat;
	}

/* End Navigation buttons inc. mouse over */
hr{
  border: 0px;
  color: #999999;
  background-color: #999999;
  height: 1px;
	}
	
#tenders.hover, #tenders:hover {
	background: #EEEEEE; 
	cursor:pointer;}

#mouseOver.hover, #mouseOver:hover {
	background-color: #EEEEEE; 
	}
.Tenders td
{
	vertical-align:top;
	padding:8px;
	}	
tbody tr.even td{
	background: #E8E8E8;
	}
tbody tr.selected td{
	background: #ffffff;
	}
/*tbody tr.ruled td{
	background-color: #D2E5F1;--#C6E3FF;
	}
 Opera fix 
head:first-child+body tr.ruled td{
	background-color: #D2E5F1;--#C6E3FF;
	}
*/
.tableDark
	{
	background-color: #a6cbe4;
	}
.tableLight
	{
	background-color: #cce1f0;
	}
.profilePadding /* Used in Profiles.asp */
{
	padding-top:25px;
	}
.companyLogo{
	min-width: 0px;
	max-width: 150px;
	width:expression(document.body.clientWidth < 0? "0px" : document.body.clientWidth > 150? "150px" : "auto");
	}