/* LAYOUT ONLY!! */
/* single pixel borders on input boxes */
#popup {
    position: absolute;
	z-index:auto;
    visibility: hidden;
    border: 1px dotted #008e52;
    width: 450px;
    filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
    background-color: #ff9;
    padding: 2px;
    color: #000;
    font-size: 11px;
    }
ul.makeMenu, ul.makeMenu ul {
  width: 500;                 /* sets the size of the menu blocks */
  border: 1px solid #000;      /* puts a black border around the menu blocks */
  background-color: #8aa;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
  list-style-type: inline;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #000;                 /* sets the default font colour to white */
    z-index: 4; 

}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 163px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  z-index: 4; 
}


ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #ffa;      /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */
</style>
<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  z-index: 1; 
  display: none; position: absolute; top: 2px; left: 78px;
}

input
{
   font-family: Tahoma, Geneva, sans-serif;
   font-size:11px;
   border: 1px solid;
}

input.textarea
{
   background-color: #ffffff;
   font-family: Tahoma, Geneva, sans-serif;
   font-size:11px;
   border: 1px solid;
   border-color:#000000;
}

input.checkbox
{
   font-family: Tahoma, Geneva, sans-serif;
   font-size:11px;
   border: 0px solid;
   border-color:#000000;
}


ul#ingredient-list-mini { list-style: none; margin: 0; padding: 0; 	z-index:2;
}

#ingredient-list-mini li { width: 88px; height: 88px; background:url(../../img/bg-ingredient-list-mini.gif) top center no-repeat; text-align:center; z-index:0; margin-bottom:10px; }
#ingredient-list-mini li:hover { background:url(../../img/bg-ingredient-list-mini-hover2.gif) top center no-repeat; }
#ingredient-list-mini li img { padding: 3px 3px 0 3px; z-index:0; margin-top:3px;}
#ingredient-list-mini li a { font: 10px Tahoma; background-color:#FFF;}
#ingredient-list-mini li a strong { display: block; text-align: center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#ingredient-list-mini li a:hover { color: #008e52; background-color:#FFF; }
#ingredient-list-mini li.last { margin-right: 0; }
#ingredient-list-mini li a span { display: none; }

fieldset { border:1px  dotted #008e52;
padding: 6px;
  background-color:#f5f5f5;
  background-image: url(../../img/bgyellowgrey.gif);
  background-repeat:repeat-x;
  background-position:bottom;
}

legend {
  padding: 0em 0.3em 0.3em;
  font-size: 12px;
  color:black;
  background-color:#FFF;
  }

#container {
	width: 980px;
	border: 1px solid #008e52;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px; /*10px;*/
	background-color: white;
}
#header {
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	margin-bottom: 0px;
	background-color: white;
	text-align: left;
}
#content {
	margin-left: 255px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: white;
	float: right; 
	width: 770px; 
	margin: 0 0 10px 0; 
	display: inline; 
	overflow: auto; 
	position: inherit;
    margin-top: 0px;
}
#menu {
	float: left;
	width: 140px;
	margin: 0;
	margin-right: 5px;
	padding-left: 10px;
	padding-top: 5px;
	background-color: #;
}
#footer {
	clear: both;
	padding: 5px;
	margin-top: 2px;
	border-top:dotted #008e52 thin;
	background-color: #f0f0f0;
	text-align: center;
}

/* THE LEFT MENU */

.celtop{
	background-color: #008e52;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	color:red;
}
.wittepixeltop{	
	background-color: #61b01f;	
}
.navlistheader{
	font-size: 11px;
	letter-spacing: 1px;
	color: #FFFFFF;
	color:#FF0; 
}

.celtop2{
	background-color: #62b01e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	color:red;
}
.wittepixeltop2{	
	background-color: #62b01e;	
}
.navlistheader2{
	font-size: 12px;
	letter-spacing: 1px;
	color: #FFFFFF;	
}
ul#navlist
{
	width: 163px;
	padding: 0px;
	border: 1px solid #008e52;
	border-top: 1px solid #008e52;
	border-left: 3px solid #008e52;
	margin-bottom: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font: 11px Tahoma, Geneva, sans-serif;
	background: #FFFFFF;
}

ul#navlist li
{
	list-style: none;
	background-color:#eceeed;
	margin: 0px;
	border: 0px;
	background: #FFFFFF;
/*	border-top: 1px solid #008e52;
*/}

ul#navlist li a
{
	display: block;
	width: 154px;
	padding: 3px 6px 3px 3px;
	border-left: 0px solid #008e52;
	text-decoration: none;
	text-align: right;
	color: #008E52;
}

ul#navlist li a:hover
{
	border-color: #008e52;
	color:#008E52  ;
	width: 154px;
    background-color:#ffff00;
	font: 11px Tahoma, Geneva, sans-serif;
}



ul#navlistww1
{
	width: 163px;
	padding: 0px;
	border: 1px solid #008e52;
	border-top: 1px solid #008e52;
	border-left: 3px solid #008e52;
	margin-bottom: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font: 13px Tahoma, Geneva, sans-serif;
	background: #FFFFFF;
}

ul#navlistww1 li
{
	list-style: none;
	background-color:#eceeed;
	margin: 0px;
	border: 0px;
	background: #FFFFFF;
/*	border-top: 1px solid #008e52;
*/}

ul#navlistww1 li a
{
	display: block;
	width: 153px;
	padding: 3px 6px 3px 3px;
	border-left: 1px solid #008e52;
	text-align: right;
	color: #008E52;
	font: 13px Tahoma, Geneva, sans-serif;
}

ul#navlistww1 li a:hover
{
	border-color: #008e52;
	color:#008E52  ;
	width: 153px;
    background-color:#e5f0cf;
	font: 13px Tahoma, Geneva, sans-serif;
}

ul#navlistww
{
	width: 163px;
	padding: 0px;
	border: 1px solid #008e52;
	border-top: 1px solid #008e52;
	border-left: 3px solid #008e52;
	margin-bottom: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font: 13px Tahoma, Geneva, sans-serif;
	background: #ffff00;
}

ul#navlistww li
{
	list-style: none;
	background-color:#eceeed;
	margin: 0px;
	border: 0px;
	background: #ffff00;
	
/*	border-top: 1px solid #008e52;
*/}

ul#navlistww li a
{
	display: block;
	width: 153px;
	padding: 3px 6px 3px 3px;
	border-left: 1px solid #008e52;
	text-decoration: none;
	text-align: right;
	color: #008E52;
	font: 13px Tahoma, Geneva, sans-serif;
}

ul#navlistww li a:hover
{
	border-color: #008e52;
	color:#008E52  ;
	width: 153px;
    background-color:#e5f0cf;
	font: 13px Tahoma, Geneva, sans-serif;
}

ul#navlist2
{
	width: 193px;
	padding: 0px;
	border: 1px solid #008e52;
	border-top: 0px;
	margin: 0px;
	font: 11px Tahoma, Geneva, sans-serif;
	background: #FFFF99;
}

ul#navlist2 li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #008e52;
}
ul#navlist2 li a
{
	display: block;
	width: 160px;
	padding: 4px 9px 4px 8px;
	border: 0px;
	border-left: 17px solid #5CB390;
	text-decoration: none;
	text-align: right;
	color: #008E52;

}
ul#navlist2 li a:hover
{
	border-color: #008e52;
	color: #FF0 ;
	border-left: 17px solid #eceeed;
    background-color:#008E52;
	font: 11px Tahoma, Geneva, sans-serif;

}


ul#navlist3
{
	width: 193px;
	padding: 0px;
	border: 1px solid #008e52;
	border-top: 1px solid #008e52;
	margin: 0px;
	font: 12px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	background: #FFFFFF;
}

ul#navlist3 li
{
	list-style: none;
	background-color:#EAEEEED;
	margin: 0px;
	border: 0px;
/*	border-top: 1px solid #008e52;
*/}

ul#navlist3 li a
{
	display: block;
	width: 160px;
	padding: 4px 9px 4px 8px;
	border: 0px;
	border-left: 17px solid #5CB390;
	text-decoration: none;
	text-align: right;
	color: #008E52;

}

ul#navlist3 li a:hover
{
	border-color: #008e52;
	color:#008E52  ;
	border-left: 16px solid #FFFFFF;
	border-right: 1px solid #008e52;

    background-color:#FF0;
		font: 11px Tahoma, Geneva, sans-serif;

}


/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #008e52;
	color: #008e52;
	background-color:#ffffff;
	font: 11px Tahoma, Geneva, sans-serif;


}
#activetop a:link, #activetop a:visited, #activetop a:hover
{
	border-color: #FF0;
	border-right: 1px solid  #008e52;
	color: #008e52;
	background-color:#FF0;
    font: 12px Tahoma, Geneva, sans-serif;

}
/* THE TOP MENU */
#navcontainer2 ul
{
	padding: 0;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #61b01f;
	color: #FFFFFF;
	float: left;
	font: 12px Tahoma, Geneva, sans-serif;
	border-left: 1px solid #008e52;
	border-top: 1px solid #008e52;
	border-bottom: 1px solid #008e52;
	border-right: 0px solid #008e52;
	
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding-bottom:3px;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	font: 12px Tahoma, Geneva, sans-serif;
	border-right: 1px solid #008e52;
	border-left: 0px solid #FFFFFF;
}

#navcontainer2 ul li a:hover
{
	font: 12px Tahoma, Geneva, sans-serif;
	background-color: #FFFF00 ;
	color:#008e52;
}



/* BOXES!!! */

.hilite1 { background-color: #FFFFCC; font-weight:bold }
.hilite2 { background-color: #FFFFCC; font-weight:bold}
.hilite3 { background-color: #FFFFCC; font-weight:bold}


.box {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: #F5F5F5;
	border: solid #61b01f 1px;
	float: none;
	clear: none;
	margin-top:0px;
	
}
.boxcart {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	border: solid #61b01f 1px;
	float: none;
	clear: none;
	margin-top:0px;
	
}
.boxlogin {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: #ff9;
	float: none;
	clear: none;
}
.boxcommentaar {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	border: solid #CCC 1px;
	margin-top: 4px;
	float: none;
	clear: none;
}

.boxorderagain {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	border: solid #000 1px;
	margin-top: 1px;
	float: none;
	clear: none;
}
.onzichtbarebox {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: #F5F5F5;
	border-color:#FFF;
	border:hidden;
	float: none;
	clear: none;
}

.box2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	border-color: #008e52;
	border:solid 1px;
	float: none;
	clear: none;
}
.registerbox {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-color:#FFFF99;
	border-color: #008e52;
	border:solid 1px;
	float: none;
	clear: none;
}
.selectbox {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	background-color:#FFFFFF;
	float: none;
	clear: none;
}
.selectboxsmall {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	background-color:#deedbe;
	float: none;
	clear: none;
	border-collapse: collapse;
	border-color:#fff;
	border-style:solid;
	border-width:1px;

}
.selectbox2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	border-collapse: collapse;
	border-color:#008e52;
	border-style:solid;
	border-width:1px;
	color:#62b01e;
	background-color:#FFFF99;
	float: none;
	clear: none;
	
}
.selectbox3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	border-color:#008e52;
	border-style:dotted;
	color:#62b01e;
	background-color:#F0F0F0;
	float: none;
	clear: none;
	
}
.selectbox4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px; 
	color:#fff; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: left ;
	
}
.okbutton {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px; color:#FFF; font-weight:bold;
	background-color: #008e52;
	float: none;
	width:22px;
	clear: none;
	
}
.boxbutton {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#FFF; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: center ;
	padding-left: 3px;
	padding-right: 3px;
}
.boxbuttonyellow {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px; 
	color:#008e52; 
	background-color: #ffff00;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: center ;
}
.boxbuttonleft {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px; 
	color:#FFF; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: left ;
}
.boxselect {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px; 
	color:#FFF; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: left ;
	padding-left:2px;
	padding-right:2px;
}

.boxselect2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px; 
	color:#FFF; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: left ;
}

.boxselect3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color:#FFF; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: center ;
}
.boxselect3b {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px; 
	color:#FFF; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: center ;
}
.boxselect4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px; 
	color:#FFF; 
	background-color: #62b01e;
	float: none;
	clear: none;
	border:1px solid #008e52;
    text-align: left ;
}

.boxbuttonsmall {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px; color:#008e52; 
	background-color: #ffffff;
	float: none;
	clear: none;
	
}
.boxbutton2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px; color:#FFF; font-weight:bold;
	background-color: #61b01f;
	float: none;
	clear: none;
	
}
.boxCopy {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	float: none;
}

.searchboxtop {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px; color:#008e52;
	background-color: #FFFFFF;
	float: none;
}

/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}

/* image properties */
.imgleft {
	  float: left;
	        padding: 0px 3px 3px 0px;
}
.imgleft a: hover {
	  float: left;
	        padding: 0px 3px 3px 0px;
			background-color:#FFF;
}
.imgleftlogo {
	  float: left;
	        padding: 0px 0px 0px 0px;
}
.imgleftlogo a: hover {
	  float: left;
	        padding: 0px 0px 0px 0px;
			background-color:#FFF;
}
.imgdown {
	        padding: 0px 0px 0px 0px;
			
}
.imgdown2 {
	        padding: 0px 0px 0px 0px;
			
}
.imgleft2 {
	  float: left;
	        padding: 1px 1px 1px 1px;
			border-width:1px;
			border-color:#008e52;
			border-style:ridge;
}
.imgleft2a {
	        padding: 1px 1px 1px 1px;
			border-width:1px;
			border-color:#008e52;
			border-style:ridge;
}
.imgleft3 {
			border-width:0px;
			border-color:#008e52;
			border-style:ridge;
}
.imgright {
	  float: right;
      padding: 3px 0px 3px 3px;	  
}
	
img { 
	  border-width: 0px; 
}


/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:dotted;
      border-color: black;
      border-width:1px;
	  vertical-align:top;
}

/* general settings */
html {
}

body {
	height: 100%;
	margin-top:0px;
	font: 12px Tahoma, Geneva, sans-serif;
	background:#f0f0f0;
	background-image: url(../../img/bg.jpg);
		background-repeat:repeat-x;
}

cats {
	font-size:10px;
	color:#03F;
	
}

/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: black;
	font: Tahoma, Geneva, sans-serif;
}
h1 { 
	 /* left menu */
	 font-size: 13px;
     font-weight: bold;
	 color: black;
	font: Tahoma, Geneva, sans-serif;
}
h2 { /* page headers */
	 font-size: 12px;
     font-weight: bold;
	font: Tahoma, Geneva, sans-serif;
} 
h3 { /* slogan under logo */ 
	 font-size: 15px; 
     font-weight: bolder;
     position: relative;
	 
	 font: Tahoma, Geneva, sans-serif;
	 letter-spacing:2px;

}
h4 { /* back to admin options, and other text links like that */
	 font-size: 12px;   
	 text-align: center;
     font-weight: normal;
	font: Tahoma, Geneva, sans-serif;
}
h5 { /* product id in details.php */
	 font-size: 12px;
     font-weight: bold;
	font: Tahoma, Geneva, sans-serif;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     color: black;
     border: 1px solid #808080;
	 background: url(images/h6_bg.png) #d9dffb;
	font: Tahoma, Geneva, sans-serif;
}

/* how the links should behave (apart from the menu) */
a { text-decoration:none; }
a:link { color: #009900; }
a:visited { color: #009900; }
a:active { color: #FF3300; }
a:hover { background-color:#61b01f; color: #FF0; text-decoration:none }

/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: black; }
a.plain:visited { color: black; }
a.plain:active { color: black; }
a.plain:hover { color: black; }


/* a link class that is pretty plain */
a.plain2 { text-decoration: none; font-size:10px; }
a.plain2:link { color: black; background-color:white;}
a.plain2:visited { color: black; background-color:white; }
a.plain2:active { color: black; }
a.plain2:hover { color: black; background-color:white;}

/* a link class that is pretty plain */
a.plain3 { text-decoration: none; font-size:12px }
a.plain3:link { color: black; background-color:white;}
a.plain3:visited { color: black; background-color:white; }
a.plain3:active { color: black; }
a.plain3:hover { color: black; background-color:white;}


/* a link class that is pretty plain */
a.plain4 { text-decoration: none; font-size:12px; }
a.plain4:link { color: black; background-color: #ffff99;}
a.plain4:visited { color: black; background-color:#ffff99; }
a.plain4:active { color: black; }
a.plain4:hover { color: #008e52; background-color:#ffff99;}

/* a link class that is pretty plain */
a.plain5 { text-decoration: none; font-size:12px; background-color: #ffff99; padding:2px; padding-left:4px; padding-right:4px;}
a.plain5:link { color: black; background-color: #ffff99;}
a.plain5:visited { color: black; background-color:#ffff99; }
a.plain5:active { color: black; }
a.plain5:hover { color: black; background-color:#ffff99;}

/* a link class that is pretty plain */
a.plain6 { text-decoration: none; font-size:12px; background-color: #ffffff;padding:2px; padding-left:4px; padding-right:4px;}
a.plain6:link { color: black; background-color: #ffffff;}
a.plain6:visited { color: black; background-color:#ffffff; }
a.plain6:active { color: black; }
a.plain6:hover { color: black; background-color:#ffffff;}

/* a link class that is pretty plain */
a.plain7 { text-decoration: none; font-size:9px; background-color: #ffffff;padding:1px; padding-left:2px; padding-right:2px; text-align:left;}
a.plain7:link { text-decoration: none; font-size:9px; background-color: #ffffff;padding:1px; padding-left:2px; padding-right:2px; text-align:left;}
a.plain7:visited { color: black; background-color:#ffffff; }
a.plain7:active { color: black; }
a.plain7:hover { text-decoration: none; font-size:9px; background-color: #ffffff;padding:1px; padding-left:2px; padding-right:2px; text-align:left;}

/* a link class that is pretty plain */
a.plain8 { text-decoration: none; font-size:10px;padding:2px; padding-left:4px; padding-right:4px;}
a.plain8:link { color: white; }
a.plain8:visited { color: white; }
a.plain8:active { color: white; }
a.plain8:hover { color: yellow; }


/* text in tables */
td, th {
	font: 11px Tahoma, Geneva, sans-serif;
}
/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
	
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 1px;
	border-style: hidden;
	vertical-align: top;
    border-collapse: collapse;

}
table.borderless caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
table#borderless2 {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless2 th,
table.borderless2 td {
	border: 0px;
	padding: 0px;
	border-style: hidden;
	vertical-align: top;
}
table.borderless2 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
table#borderless3 {
	border-collapse: collapse;
	border: 0px dotted;
}
table.borderless3 th,
table.borderless3 td {
	border: 0px dotted;
	padding: 3px;
	vertical-align: top;
}
table.borderless3 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}


table#borderless4 {
	border-collapse: collapse;
	border: 0px dotted;
	background:none;
}
table.borderless4 th,
table.borderless4 td {
	border: 0px dotted;
	padding: 0px;
	vertical-align: top;
	background:none;
	
}

table#borderless5 {
	border-collapse: collapse;
	border: 0px dotted #008e52;
	
}
table.borderless5 td {
	border: 0px;
	padding: 0px;
	border-style: hidden;
	vertical-align: top;
	border-collapse: collapse;
	background-color: #ffffff;

}
table.borderless5 th {
		font-size:11px;
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-align: left;
		padding: 4px;
		border: 1px dotted #008e52;
}

table.borderless5 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
/* a class that describes how tables should look */
.datatable {
		border: 1px solid #FFFFFF;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable td {
		border: 1px solid #DADADA;
		border-top: 1px solid #DADADA;
		font-size:11px;
		padding: 2px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px solid #DADADA;
}

.datatable caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #00CC00;
		color: #000000;
}
rijtje {
		background-color: #FFF;
	
}


rijtje {
		background-color: #FFF;
	
}
.datatable3 {
		border: 1px solid #FFFFFF;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable3 td {
		border: 1px solid #DADADA;
		border-top: 1px solid #DADADA;
		font-size:11px;
		padding: 2px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable3 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px solid #DADADA;
}
.datatable3 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable3 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}
.datatable4 {
		border: 0px solid #FFFFFF;
		border-collapse: collapse;
		margin-left:inherit; 
		margin-right:inherit;

}
.datatable4 td {
	
		border: 0px solid #DADADA;
		border-top: 0px solid #DADADA;
		font-size:11px;
		padding: 4px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable4 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 0px solid #DADADA;
}
.datatable4 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #00CC00;
		color: #000000;
}
.datatable5 {
		border: 1px solid #f0f0f0;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable5 td {
		border: 1px solid #DADADA;
		border-top: 1px solid #DADADA;
		font-size:11px;
		padding: 5px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable5 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px solid #DADADA;
}
.datatable5 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #00CC00;
		color: #000000;
}

.datatable6 {
		border: 1px dotted #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable6 td {
		border: 1px dotted #008e52;
		border-top: 1px dotted #008e52;
		font-size:11px;
		padding: 5px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable6 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px solid #DADADA;
}
.datatable6 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable6 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}

.datatable7 {
		border: 2px solid #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable7 td {
		border: 0px solid #008e52;
		border-top: 0px solid #008e52;
		font-size:11px;
		padding-top: 3px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable7 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px solid #DADADA;
}
.datatable7 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		
}
.datatable7 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}

.datatable8 {
		border: 1px solid #008e52;
		border-collapse: collapse;
		border-style:dotted 1px;
		margin-left:auto; 
		margin-right:auto;

}
.datatable8 td {
		border: 0px solid #008e52;
		border-right: 1px solid #008e52;
		font-size:11px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-top: 3px;
		text-align: left;
    	vertical-align: top;
		background-color: #FFFF99;
}
.datatable8 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 0px solid #008e52;
}
.datatable8 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable8 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}


.datatable9 {
		border: 2px solid #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable9 td {
		border: 0px solid #008e52;
		border-right: 1px dotted #008e52;
		font-size:11px;
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 6px;
		padding-top: 6px;
		text-align: left;
    	vertical-align: top;
		background-color: #ffff99;
}
.datatable9 th {
		background-color: #FFF;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px dotted #008e52;
}
.datatable9 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable9 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}



.datatable10 {
		border: 0px dotted #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		background-color: #F5F5F5;
		
}
.datatable10 td {
		border: 1px dotted #008e52;
		font-size:11px;
		padding: 5px;
		text-align: left;
    	vertical-align: top;
		
}


.datatable10 td.totalrow {
		background-color: #62b01e;
		color: #ffffff;
}

.datatable10 td.downrow {
		background-color: #f0f0f0;
		color: #000000;
}

.datatable10 td.secondrow {
		background-color: #ff9;
		color: #000000;
}
.datatable10 th {
		font-size:11px;
		background-color: #ffff99;
		text-transform:uppercase;
		font-weight: bold;
		color: #008e52;
		text-align: left;
		padding: 4px;
		border: 1px dotted #008e52;
		
}
.datatable10 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

.datatable10 tr.altrow {
		background-color: #ffffff;
		color: #000000;
}
.datatable10 tr.altrow2 {
		background-color: #ffffff;
		color: #000000;
		background-image: url(../../img/bgyellowgrey.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}

.datatable10 tr.altrow3 {
		background-color: #f5f5f5;
		color: #000000;
		background-image: url(../../img/bgyellowgrey2.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}


.datatable11 {
		border: 1px dotted #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		background-color: #CCC;
}
.datatable11 td {
		border: 1px dotted #008e52;
		font-size:11px;
		padding: 5px;
		text-align: left;
    	vertical-align: top;
		background-color: #DBDBDB;
}
.datatable11 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
		border: 1px dotted #008e52;
}
.datatable11 caption {
		font-size: 11px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable11 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}


.datatable12 {
		border: 0px dotted #008e52;
		margin-left:auto; 
		margin-right:auto;
		background-color: #EAEAEA;
}
.datatable12 td {
		border: 1px dotted #008e52;
		font-size:11px;
		padding: 5px;
		text-align: left;
    	vertical-align: top;
}
.datatable12 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
		border: 1px dotted #008e52;
}
.datatable12 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable12 tr.altrow {
		background-color: #ffffff;
		color: #000000;
}
.datatable12 td.endrow {
		background-color: #FFC;
		color: #000000;
}
.datatable12 tr.endrow {
		background-color: #ffffff;
		color: #000000;
}
.datatable12 td.totalrow {
		background-color: #62b01e;
		color: #ffffff;
}
.datatable12 tr.altrow2 {
		background-color: #ffffff;
		color: #000000;
		background-image: url(../../img/bgyellowgrey.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}

.datatable12 tr.altrow3 {
		background-color: #f5f5f5;
		color: #000000;
		background-image: url(../../img/bgyellowgrey2.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}
.datatable13 {
		border: 1px solid #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		background-color: #ffffff;
}
.datatable13 td {
		border-bottom: 1px dotted #008e52;
		font-size:11px;
		padding: 4px;
		padding-left: 5px;
		text-align: left;
    	vertical-align: top;
}
.datatable13 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
		border-bottom: 1px dotted #008e52;;
}
.datatable13 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}


.datatable13 tr.altrow {
		background-color: #ff6;
		color: #000000;
}

.datatable14 {
		border: 1px dotted #008e52;
		border-collapse: collapse;
		border-style:dotted 1px;
		margin-left:auto; 
		margin-right:auto;

}
.datatable14 td {
		border: 1px dotted #008e52;
		border-right: 1px dotted #008e52;
		font-size:11px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-top: 3px;
		text-align: left;
    	vertical-align: top;
		background-color: #FFFF99;
}
.datatable14 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 0px solid #008e52;
}
.datatable14 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable14 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}


.datatable15 {
		border: 0px dotted #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		background-color: #F5F5F5;
}
.datatable15 td {
		border: 1px dotted #008e52;
		font-size:11px;
		padding: 3px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable15 tr.altrow {
		background-color: #FFFF99;
		color: #000000;
}
.datatable15 td.totalrow {
		background-color: #ff9;
		color: #ffffff;
}
.datatable15 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px solid #DADADA;
}
.datatable15 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}


.datatable16 {
		border: 0px solid #ffffff;
		border-collapse: collapse;
		border-style:solid 0px;
		margin-left:auto; 
		margin-right:auto;

}
.datatable16 td {
		border: 2px solid #ffffff;
		font-size:11px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-top: 3px;
		text-align: left;
    	vertical-align: top;
		background-color: #FFFF99;
}
.datatable16 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 0px solid #008e52;
}
.datatable16 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable16 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}

.datatable17 {
		border-bottom: 0px dotted #008e52;
		border-collapse: collapse;
		border-style:solid 0px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #FF9;


}
.datatable17 td {
		border-bottom:dotted #008e52 1px;
		border-top:dotted #008e52 1px;
		border-left:dotted #008e52 1px;
		border-right:dotted #008e52 1px;
		font-size:11px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: left;
    	vertical-align: top;
}
.datatable17 th {
		background-color: #DDD ;
		color: #008e52;
		font-weight:bold;
		text-align: left;
		padding: 4px;
        border: 1px dotted #008e52;
}
.datatable17 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable17 tr.altrow {
		background-color: #ffffff;
		color: #000000;
		
}

.datatable18 {
		border: 1px solid #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		background-color: #ffffff;
}
.datatable18 td {
		border-bottom: 1px dotted #008e52;
		border-left: 1px dotted #008e52;
		font-size:11px;
		padding: 1px;
		padding-left: 1px;
		text-align: left;
    	vertical-align: top;
}
.datatable18 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
		border-bottom: 1px dotted #008e52;;
}
.datatable18 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}


.datatable18 tr.altrow {
		background-color: #ff6;
		color: #000000;
}

.datatable19 {
		border: 0px solid #ffffff;
		border-collapse: collapse;
		border-style:solid 0px;
		margin-left:auto; 
		margin-right:auto;

}
.datatable19 td {
		border: 1px solid #f5f5f5;
		font-size:11px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 1px;
		padding-top: 1px;
		text-align: left;
    	vertical-align: top;
		background-color: #f5f5f5;
}
.datatable19 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #008e52;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 0px solid #008e52;
}
.datatable19 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable19 tr.altrow {
		background-color: #00CC00;
		color: #000000;
}

.datatable20 {
		border-bottom: 0px dotted #008e52;
		border-collapse: collapse;
		border-style:solid 0px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;


}
.datatable20 td {
		border-bottom:dotted #008e52 1px;
		border-top:dotted #008e52 1px;
		border-left:dotted #008e52 1px;
		border-right:dotted #008e52 1px;
		font-size:11px;
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		padding-top: 3px;;
		text-align: left;
    	vertical-align: top;
}
.datatable20 th {
		background-color: #DDD ;
		color: #008e52;
		font-weight:bold;
		text-align: left;
		padding: 4px;
        border: 1px dotted #008e52;
}
.datatable20 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable20 tr.altrow {
		background-color: #ffffff;
		color: #000000;
		
}

.linktipdiv {
		border-bottom: 0px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 0px dotted #008e52;
		border-right: 0px dotted #008e52;
		border-collapse: collapse;
		padding: 3px;
		margin-left:auto; 
		margin-right:auto;
		text-align: right;
}

.datatablediv {
		border-bottom: 1px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 0px dotted #008e52;
		border-right: 0px dotted #008e52;
		border-collapse: collapse;
		padding: 3px;
		margin-left:auto; 
		margin-right:auto;

}
.datatabledivzonderborder {
		border-bottom: 0px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 0px dotted #008e52;
		border-right: 0px dotted #008e52;
		border-collapse: collapse;
		padding-bottom: 4px;
		margin-left:auto; 
		margin-right:auto;

}
.datatablediv td {
		border-bottom: 1px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 0px dotted #008e52;
		border-right: 0px dotted #008e52;
		font-size:11px;
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 1px;
		padding-bottom: 1px;
		text-align: left;
    	vertical-align: top;
		background-color: #ffffff;
}
.datatablediv2 {
		border-bottom: 1px  #008e52;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		background-color: #ffff99;
}


.datatablediv2a {
		  z-index: 4; 
border-left: 0px dotted #008e52;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 11px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}

.datatablediv2aa {
		  z-index: 4;
		  height:25px;
border-left: 0px dotted #008e52;
font-size:10px;
text-align:center;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 3px;
		padding-bottom: 11px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}

.datatablediv2ab {
	z-index:1;
		border-left: 0px dotted #008e52;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 11px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}
.datatablediv2abc {
		border-left: 0px dotted #008e52;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 11px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		position: absolute;
}
.datatablediv2b {
		border-bottom: 0px dotted #0C0;
		border-top: 0px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 11px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #f5f5f5;
		background-image: url(../../img/bgyellowgrey.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}
.datatablediv2 td {
		border-bottom: 1px  #008e52;
		font-size:11px;
		padding: 2px;
		text-align: left;
    	vertical-align: top;
		background-color: #ffff99;
}


.datatablediv3 {
		border-bottom: 1px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 0px dotted #008e52;
		border-right: 0px dotted #008e52;
		border-collapse: collapse;
		padding: 3px;
		right:inherit;
		margin-left:auto; 
		margin-right:auto;
		width:inherit;

}
.datatabledivth {
		border-bottom: 0px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 0px dotted #008e52;
		border-right: 0px dotted #008e52;
		border-collapse: collapse;
		padding: 0px;
		right:inherit;
		margin-left:auto; 
		margin-right:auto;
		width:inherit;
		float:right;
		overflow:visible;

}
.datatablediv3 td {
		border-bottom: 1px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 0px dotted #008e52;
		border-right: 0px dotted #008e52;
		font-size:11px;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
		text-align: left;
    	vertical-align: top;
		background-color: #ffffff;
}

.datatablediv4 {
		border-bottom: 0px dotted #CCC;
		border-top: 0px dotted #008e52;
		border-left: 1px dotted #008e52;
		border-right: 0px dotted #008e52;
		border-collapse: collapse;
		padding: 6px;
		right:inherit;
		margin-left:auto; 
		margin-right:auto;
		width:inherit;

}
.datatablediv4 td {
		border-bottom: 1px dotted #008e52;
		border-top: 0px dotted #008e52;
		border-left: 1px dotted #008e52;
		border-right: 0px dotted #008e52;
		font-size:11px;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
		text-align: left;
    	vertical-align: top;
		background-color: #ffffff;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/
	
/* (?) popup properties */
a.info{
    position: absolute; /*this is the key*/
    z-index:24;  
    color:#000;
	text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info:hover{z-index:90; background-color:#ff9}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    top:1em; center:2em; width:30em;
    border:1px dotted #008e52;
	padding:4px;
    background-color:#FF9; color:#000;
    text-align: left;
}


a.infounderline{
    position: inherit; /*this is the key*/
    z-index:24;  
    color:#000;
	background-color:#ffff99;
    text-decoration:none; 
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.infounderline:hover{z-index:90; background-color:#ff9}

a.infounderline span{display: none}

a.infounderline:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:static;
    z-index:0;
	width:inherit;
	text-decoration:none; 
    top:1em; center:2em; width:30em;
    border:1px dotted #008e52;
	padding:4px;
    background-color:#FF9; color:#000;
    text-align: left;
}



.shortDropDown
{
    width: 20px;
}
/* (?) popup properties info2 */
a.info2{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FF9; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info2:hover{z-index:90; background-color:#ff9}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index:0;
    top:-3em; left:2em; 
    border:1px dotted #008e52;
	padding:4px;
    background-color:#FF9; color:#000;
    text-align: left
}
.shortDropDown
{
    width: 20px;
}

/* (?) popup properties info2 */
a.info3{
    position:absolute; /*this is the key*/
    z-index:24; background-color:#FF9; 
	width:600px;

    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info3:hover{z-index:90; background-color:#ff9}

a.info3 span{display: none}

a.info3:hover span{ /*the span will display just on :hover state*/
    display:table-row;
    position:absolute;
    z-index:0;
    top:-9em; left:2em;
    border:1px dotted #008e52;
	padding:4px;
    background-color:#FF9; color:#000;
    text-align: left
}
.shortDropDown
{
    width: 20px;
}

a.infoshipping{
    position:absolute; /*this is the key*/
    z-index:24;  
    color:#000;
	text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.infoshipping:hover{z-index:90; background-color:#ff9}

a.infoshipping span{display: none}

a.infoshipping:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:static;
    z-index:0;
	width:inherit;
    top:1em; center:2em; width:30em;
    border:1px dotted #008e52;
	padding:4px;
    background-color:#FF9; color:#000;
    text-align: left
}

a.info4{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FF9; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info4:hover{z-index:90; background-color:#ff9}

a.info4 span{display: none}

a.info4:hover span{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    z-index:0;
    top:1em; center:2em; 	width:auto;

    border:1px dotted #008e52;
	padding:4px;
    background-color:#F5F5F5; color:#000;
    text-align: left
}

a.info5{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FF9; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info5:hover{z-index:90; background-color:#ff9}

a.info5 span{display: none}

a.info5:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:fixed;
    z-index:0;
    top:5em; right:15em; width:30em;
    border:1px dotted #008e52;
	padding:4px;
    background-color:#FF9; color:#000;
    text-align: left;
}
.shortDropDown
{
    width: 20px;
}
a.info6{
    position: inherit; /*this is the key*/
    z-index:24; background-color:#FF9; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info6:hover{z-index:90; background-color:#ff9}

a.info6 span{display: none}

a.info6:hover span{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    width:265px;
    border:1px dotted #008e52;
	padding:2px;
    background-color:#F5F5F5; color:#000;
    text-align: left
}
a.info7{
    position:relative; /*this is the key*/
    z-index:24; background-color:#008e52;
	color:#ffff00;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info7:hover{z-index:90; background-color:#ff9}

a.info7 span{display: none}

a.info7:hover span{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    width:200px;
    border:1px dotted #008e52;
	padding:4px;
    background-color:#F5F5F5; color:#000;
    text-align: left
}

div.rounded { 
 width: 450px; 
 background: #61B01F url(../../img/450pxbottom.gif) no-repeat bottom left; 
 padding-bottom: 5px;
 padding-left: 5px;
} 
div.rounded h3 { 
 padding-top: 5px; 
 padding-left: 10px; 
 background: transparent url(../../img/450pxtop.gif) no-repeat top left; 
}