/* --- iframe.css - NutriNorm --- */


/* --- RESETTING BROWSER DEFAULTS - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ --- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
}
body { line-height: 1; }

.offScreen { position: absolute; left: -9999px; text-indent: -9999px; line-height: 0; }

/* --- GENERAL DEFAULTS --- */

html { overflow: auto; }

a {
	color: #005696;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

/* --- CUSTOM --- */

HTML, BODY
{
	height: 100%;
}

body, input, button, textarea, select {
	font-family: Arial, Helvetica, "Liberation Sans", Verdana, Geneva, sans-serif;
	font-size: 1.0em;
}

BODY
{
	position: relative;
	font-size: 0.7em;
	line-height: 1.5em;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background: url(../images/layout/bg_maincontent.png) #f6f6f7 repeat-x left top;
}

TABLE#body
{
	width: 757px;
	margin-left: 207px;
	height: 100%;
}

BODY, P, TH, TD, BUTTON, INPUT, SELECT, TEXTAREA
{
	font-family: Arial, Helvetica, "Liberation Sans", Verdana, Geneva, sans-serif;
	/*font-size: 12px;*/
	color: black;
}

.grid .gridheader, .grid .gridheader TD
{
	vertical-align: bottom;
	border-bottom: 1px solid #7bbee9;
}

.grid .gridheaderparagraphtitle, .grid .gridheaderparagraphtitle TD
{
	color: #000000;
	background-color: #7bbee9;
	padding: 1px;
	vertical-align: bottom;
	border-bottom: solid 2px white;
}

.gridheaderparagraphtitlebold
{
	color: #000000;
	background-color: #7bbee9;
	padding: 1px;
	vertical-align: bottom;
	border-bottom: solid 1px #000000;
	font-weight: bold;
	
}
.grid .gridheadersubparagraphtitle, .grid .gridheadersubparagraphtitle TD
{
	color: black;
	background-color: #ccffcc;
	vertical-align: bottom;
	border-bottom: solid 2px white;
}

.grid .gridheaderBold TD
{
	vertical-align: bottom;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

.grid .gridheader TD TD
{
	border: none;
}

.grid .gridrow, .grid .gridrow TD
{
	border-bottom: 1px solid #7bbee9;
}

.modified2010 .grid .gridrow, .grid .gridrow TD {
	line-height: 2em;
}

.grid .gridrow A, .grid .gridrow TD A
{
	text-decoration: underline;
}

.grid .gridrowBold, .grid .gridrowBold TD
{
	border-bottom: 1px solid #7bbee9;
	font-weight: bold;
}

.grid .gridrowBold A, .grid .gridrowBold TD A
{
	text-decoration: underline;
}

.grid .gridrowItalic, .grid .gridrowItalic TD
{
	border-bottom: 1px solid #7bbee9;
	font-style: italic;
}

.grid .gridrowDottedPB, .grid .gridrowDottedPB TD
{
	border-bottom: 1px dashed #7bbee9;
	padding-bottom: 8px;
}

.grid .gridrowPT, .grid .gridrowPT TD
{
	padding-top: 8px;
}

.grid .gridlastrow TD
{
	border-bottom: none;
}

.grid .gridlastrowline TD
{
	border-bottom: none;
	border-top: 1px solid #7bbee9;
	margin-top: 0px;
	padding-top: 0px;
	height:32px;
	vertical-align:bottom;
}

.grid .gridlastrowBold TD
{
	border-bottom: none;
	font-weight: bold;
}

.grid .gridlastrow A, .grid .gridlastrow TD A
{
	text-decoration: underline;
}

.grid .sep4
{
	/*font-size: 4px;*/
	padding: 0px;
	margin: 0px;
}

.grid .nopaddinglr
{
	padding-left: 0px;
	padding-right: 0px;
}

.grid .nopadding
{
	padding: 0px;
}

.grid .gridrow .Indent
{
	padding-left: 20px;
}

.grid .gridcellbold
{
	font-weight: bold;
}
.navbuttons
{
	margin-top: 2px;
	margin-bottom: 2px;
}
.navbuttons TD
{
	color: #000000;
	padding-top: 0px;
	border-top: 1px solid #155883;
	border-bottom: 1px solid #155883;
	padding-bottom: 1px;
}
.navbuttons .unselected:link
{
	color: #155883;
	text-decoration: none;
}
.navbuttons .unselected:visited
{
	color: #155883;
	text-decoration: none;
}
.navbuttons .unselected:hover
{
	color: #155883;
	text-decoration: underline;
}
.navbuttons .selected:link
{
	color: #155883;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
.navbuttons .selected:visited
{
	color: #155883;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
.navbuttons .selected:hover
{
	color: #155883;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}


.main
{
	height: 100%;
	padding: 0 11px 0;
	background-color: #ffffff;
}

	#Table1 {
		width: 757px;
		margin: 0 -11px;
		padding: 0;
		background: url(../images/layout/bg_maincontent.png) #f6f6f7 repeat-x 0 -5px;
	}

.main .pagetitle
{
	/*display: none;*/
	border-bottom:1px solid #9C9E9F;
	color:#005696;
	/*display:block;
	font-size:1.25em;
	font-weight:bold;*/
	margin-bottom:10px;
	padding:5px 0 3px;
	text-transform:uppercase;
}
.main #title {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	color: #005696;
	margin-bottom: 10px;
	padding: 5px 0 0;
	border-bottom: 1px solid #9c9e9f;
}
.main .pagetitle A:link
{
	color:#005696;
	font-weight: normal;
	/*font-size: 12px;*/
	text-decoration: none;
	padding-right: 2px;
}
.main .pagetitle A:visited
{
	color:#005696;
	font-weight: normal;
	/*font-size: 12px;*/
	text-decoration: none;
	padding-right: 2px;
}
.main .pagetitle A:hover
{
	color:#005696;
	font-weight: normal;
	/*font-size: 12px;*/
	text-decoration: underline;
	padding-right: 2px;
}

.main .paragraphtitle td
{
	font-weight: bold;
	color: #000000;
	background-color: #7bbee9;
	padding: 1px;
	vertical-align: bottom;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

.main .paragraphtitleBedrijf TD
{
	color: #000000;
	background-color: #ccffcc;
	padding: 1px;
	vertical-align: bottom;
	border-bottom: solid 2px white;
}
.main .section TD
{
	color: Black;
	font-weight: bold;
	background-color: #99CC99;
	padding: 1px;
	vertical-align: bottom;
	border-bottom: solid 2px white;
}

.main .sectionborderblack TD
{
	color: Black;
	font-weight: bold;
	background-color: #7bbee9;
	padding: 1px;
	vertical-align: bottom;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
}

.main .subparagraphtitle TD
{
	color: black;
	background-color: #ccebff;
	padding: 1px;
	vertical-align: bottom;
	border-bottom: solid 2px white;
}

.main .paragraphtitleBedrijfBorder TD
{
	color: #000000;
	background-color: #ccebff;
	font-weight: bold;
	padding: 1px;
	vertical-align: bottom;
	border-bottom: solid 1px black;
}
.TextBoxDisabled
{
	background-color: Silver;
}
.TextBoxEnabled
{
	background-color: White;
}

.NumericBox
{
	background-color: White;
	text-align: right;
	width: 40px;
}
.DateBox
{
	text-align: right;
	width: 70px;
}

.rowhidden
{
	visibility: hidden;
	position: absolute;
}

.rowvisible
{
	visibility: visible;
	position: static;
}

.rightcolumn
{
	position: absolute;
	left: 0;
	font-size: 1.05em;
	width: 196px;
}

.rightcolumn table {
	float: left;
	clear: both;
	color: #ffffff;
	width: 196px;
	padding: 4px 0 0;
	background: url(../images/layout/bg_snippet.png) #609fcd repeat-x left top;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

/*
.modified2010 .rightcolumn table {
	position:  absolute;
	top: 130px;	
	border: 0;
	width: 194px;
}


* html .modified2010 .rightcolumn table li {
	width: 180px;
}

*:first-child+html .modified2010 .rightcolumn table li {
	width: 180px;
}
*/


/*
* html .modified2010 .rightcolumn table {
	left: -207px;
	top: 150px;	
}

*:first-child+html .modified2010 .rightcolumn table {
	left: -207px;
	top: 150px;	
}


*:first-child+html .modified2010 td li select {
	margin-right: 3px;
}

*/

* html #myNutriNorm .button {
	background: none;
}

*:first-child+html #myNutriNorm .button {
	background: none;
}





.rightcolumn td {
	padding: 0 0 0 10px;
}

.rightcolumn .paragraphtitle, .rightcolumn .paragraphtitle TD
{
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

.rightcolumn .paragraphtitle span
{
	display: block;
	margin: 0;
	padding: 7px 10px 3px 0;
	border-bottom: 1px solid #ffffff;
}

.rightcolumn select {
	width: 184px;
	margin: 6px 0;
}

	.rightcolumn td li {
		float: left;
		clear: both;
		width: 184px;
		padding: 0;
		margin: 0;
		padding: 0;
	}
	
		.rightcolumn td li span {
			display: block;
			float: left;
			clear: none;
			color: #005696;
			width: 35%;
			padding: 4px 0;
		}
		
		.rightcolumn td li select {
			display: block;
			float: right;
			clear: none;
			width: 60%;
			margin: -14px 0 6px;
		}

.rightcolumn .small
{
	/*font-size: 10px;*/
}

.rightcolumn ul
{
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0;
	list-style-type: none;
}
* html .rightcolumn ul { margin-bottom: -1px; }
*:first-child+html .rightcolumn ul { margin-bottom: -1px; }

.rightcolumn li {
	border-bottom: 1px solid #bddff4;
}

.rightcolumn li:last-child {
	border-bottom-style: none;
}

.rightcolumn li a
{
	display: block;
	color: #005696;
	text-decoration: none;
	width: 174px;
	margin-left: -10px;
	padding: 3px 10px 5px;
}

* html .rightcolumn li a { width: 194px; }
*:first-child+html .rightcolumn li a { width: 194px; }


.rightcolumn li.selected a,
.rightcolumn li a:hover, .rightcolumn li a:active, .rightcolumn li a:focus {
	color: #ffffff;
	background-color: #2575af;
}

* html .rightcolumn li a:hover {
	background-color: Transparent;
}

.modified2010 #myNutriNorm .button 
{
	background: none;
}

.modified2010 .rightcolumn td li select {
	margin-top: 0;
	margin-right: 3px;
}

* html .modified2010 .rightcolumn td li select {
	margin-top: -14px;
}

*:first-child+html .modified2010 .rightcolumn td li select {
	margin-top: -14px;
}
			
.nolineheight td {
	line-height: 16px !important;
} 
		/* --- additionalNav --- */
		
		#body .rightcolumn {
			float: left;
			clear: both;
			width: 196px;
		}
		
			#body .rightcolumn h3 {
				font-size: 0.95em;
				font-weight: bold;
				color: #ffffff;
				text-transform: uppercase;
				margin: 0 0 0 10px;
				padding: 2px 10px 3px 0;
				border-bottom: 1px solid #ffffff;
			}
		
			/* --- subMenu --- */
			
			#subMenu {
				font-size: 1.1em;
				font-weight: bold;
				padding: 4px 0 1px;
				background: url(../images/layout/bg_submenu.png) #83abc9 repeat-x left top;
				border-right: 2px solid #ffffff;
				border-bottom: 2px solid #ffffff;
			}
			
			/*
			.modified2010 #subMenu {
				top: 290px;
				position: absolute;
				border: 0;
			}
			
			* html .modified2010 #subMenu {
				left: -206px;
				top: 310px;
			}
			
			*:first-child+html .modified2010 #subMenu {
				left: -207px;
				top: 318px;
				width: 206px;
			}
			*/

			
				#subMenu ul {
					margin: 0;
					padding: 4px 0 0 10px;
					list-style-type: none;
				}
				
					#subMenu li {
						margin-left: 0;
						padding-left: 0;
						border-bottom: 1px solid #c1d5e4;
					}
				
					#subMenu li.last {
						border-style: none;;
					}
				
					#subMenu li.selected {
						border-style: none;
					}
					
						#subMenu li a {
							display: block;
							color: #005696;
							text-decoration: none;
							width: 174px;
							margin-left: -10px;
							padding: 2px 10px 4px;
							background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpi/P//PwMxgImBSDCqkDoKAQIMANUSAxFqvpFcAAAAAElFTkSuQmCC); /* fix for IE7: needs a background-image, but visual design doesn't allow one because of underlying gradient (this is a transparent PNG) */
							font-size: 0.9em;
						}
						* html #subMenu li a { width: 194px; }
						*:first-child+html #subMenu li a { width: 194px; }
					
						#subMenu li.selected a,
						#subMenu li a:hover, #subMenu li a:active, #subMenu li a:focus {
							color: #ffffff;
							background-color: #005696;
						}
						
						#subMenu li ul {
							padding: 0;
							background: url(../images/layout/bg_attention.png) #95b207 repeat-x left top;
							border-top: 1px solid #c1d5e4;
						}
						
							#subMenu li.selected li {
								border-bottom: 1px solid #cbda83;
							}
						
								#subMenu li.selected li a {
									color: #005696;
									width: auto;
									margin-left: 0;
									padding-left: 10px;
									background-color: transparent;
								}
					
								#subMenu li li.selected a,
								#subMenu li li a:hover, #subMenu li li a:active, #subMenu li li a:focus {
									color: #ffffff;
									background-color: #4f8a50;
								}
			
	/* --- myNutriNorm --- */
	
	#myNutriNorm {
		float: left;
		clear: both;
		font-size: 0.95em;
		color: #ffffff;
		width: 184px;
		padding: 4px 0 6px 10px;
		background: url(../images/layout/bg_snippet.png) #609fcd repeat-x left top;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
	}
	* html #myNutriNorm { width: 196px; }
	*:first-child+html #myNutriNorm { width: 196px; }
	
	/*
	.modified2010 #myNutriNorm {
		position: absolute;
		left: 0px;
		top: -19px;
		border: 0;
	}
	
	* html .modified2010 #myNutriNorm {
		left: -206px;	
	}
	
	*:first-child+html .modified2010 #myNutriNorm {
		left: -207px;	
		top: 0px;
	}*/
	

		#myNutriNorm.snippet h3 {
			font-size: 1.1em;
			margin: 0 0 6px 0;
			padding: 3px 10px 3px 0;
		}
		
		#myNutriNorm p.intro {
			font-size: 1.1em;
			font-weight: bold;
			color: #005696;
			margin: 0;
			padding: 0 10px 0 0;
		}
		
			#myNutriNorm ul {
				font-weight: normal;
				line-height: 1.5em;
				margin: 0;
				padding: 2px 0 0 0;
				list-style-type: none;
			}
		
				#myNutriNorm ul li {
					margin: 0;
					padding-left: 7px;
					background-image: none;
					border-style: none;
				}
			
					#myNutriNorm ul li a {
						display: inline;
						color: #ffffff;
						text-decoration: underline;
						width: auto;
						margin-left: 0;
						padding: 0;
					}
			
					#myNutriNorm ul li a:hover, #myNutriNorm ul li a:active, #myNutriNorm ul li a:focus {
						text-decoration: none;
						background-color: transparent;
					}
		
		#myNutriNorm p.button {
			margin: 0;
			padding: 0 10px 0 0;
		}
		
			#myNutriNorm p.button a {
				display: block;
				float: right;
				font-size: 0.9em;
				text-transform: uppercase;
				text-align: left;
				text-decoration: none;
				color: #ffffff;
				line-height: 1.5em;
				margin: 8px 0 7px;
				padding: 1px 20px 2px 6px;
				background: url(../images/layout/bg_button.png) #02354f no-repeat right top;
			}
			
.footer {
	padding: 11px;
	background-color: #ffffff;
}

/* added by jrh */

#coloursCustomControls {
	position: absolute;
	left: 0px;
	top: 0px;
}




.menu2010 {
	position: absolute;
	/*top: -36px;*/
	/* IE9 hack */
	width: 196px;
	left: -205px;
}

*:first-child+html .menu2010 {
	top: 0px;
	left: -206px;
	width: 196px;
}

*:first-child+html .menu2010 table li {
	width: 180px;
}

.menu2010 #myNutriNorm {
	border: none;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

.menu2010 #subMenu {
	border: none;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

*:first-child+html .menu2010 #subMenu {
	width: 206px;
	overflow: hidden;
}

.menu2010 table {
	border: none;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

* html .menu2010 {
	top: 0px;
	left: -206px;
	width: 206px;
	overflow: hidden;
}

* html .modified2010 table {
	margin: 0 0 0 0;
}

* html .modifiedResult2010 table {
	margin: 0 0 0 0;
}

* html .modified2010 #body {
	position: absolute;
	left: 0px; /*206px;*/
}

* html .modifiedResult2010 #body {
	position: absolute;
	left: 0px; /*206px;*/
}


* html .menu2010 table {
	width: 208px;
}

.modified2010Body {
	background: none;
}

.modified2010Body #siteBody {
	background: url(../images/layout/bg_maincontent.png) #f6f6f7 repeat-x left top;
	overflow: hidden;
}

*:first-child+html .modified2010 #body {
	margin-top: 123px;
}

/*
#ShowPicture {
	display: none;
}*/


*:first-child+html .menu2010 {
	width: 196px;
	overflow: hidden;
}

* html .menu2010 {
	width: 196px;
	overflow: hidden;
}



*:first-child+html .menu2010 div {
	width: 174px !important;
	padding-right: 10px !important;
}

* html .menu2010 div {
	width: 176px !important;
	padding-right: 10px !important;
}


*:first-child+html .menu2010 #subMenu {
	width: 184px !important;
}

* html .menu2010 #subMenu {
	width: 184px !important;
}


*:first-child+html .menu2010 td li {
	width: 160px !important;
}

* html .menu2010 td li {
	width: 160px !important;
}

*:first-child+html .menu2010 .nav li ul,
*:first-child+html .menu2010 .nav li ul li {
	width: 185px !important;
}

* html .menu2010 .nav li ul,
* html .menu2010 .nav li ul li {
	width: 185px !important;
}


* html .modified2010Body #siteFooter {
	display: none;
}

* html .modified2010Body #siteBody {
	background-color: #ff0000;
}


* html .modified2010Body #printPage {
	right: -1px;
}