/* CSS Document */

	*{
		margin:0;
		font-family:Verdana;
		font-size:9px;
		color:#333;
	}


/*
	APPLICATION
*/
	#application{
		border:0; margin:0 auto; padding:0;
		padding-top:55px;
		display:block;
		width:1000px;
		background:url(../img/header.png) left top no-repeat;	
		z-index:0;
	}
/*
	// APPLICATION
*/

/*
	FORM CALCULATOR
*/
/*
	// FORM CALCULATOR
*/


/*
	FORM STYLE
*/
	form{
		border:0;	margin:0; padding:0;	
		display:block;
	}
	
	form fieldset{
		border:0; padding:0; margin:0;
	}
	
	form label#grooveMaterialCoefficientLabel,
	form label#pistonMaterialCoefficientLabel,
	form label#rodMaterialCoefficientLabel{
		visibility:hidden;
	}
	
	button em{ font-style:normal; }
/*
	// FORM STYLE
*/


/*
	TABNAVIGATION SEALINGPRINCIPLE
*/
	ul.sealingPrinciple{
		margin:0; padding:0;
		margin-top:-40px;
		margin-right:20px;
		list-style:none;
		display:block;
		float:right;
	}
	
	ul.sealingPrinciple li{
		border-right:1px solid white;
		background:#3FA9D6;
		display:block;
		float:left;
		width:150px;
		text-align:center;
	}
	
	ul.sealingPrinciple li a{
		padding-top:14px;
		padding-bottom:14px;
		text-decoration:none;
		display:block;
	}
	
	ul.sealingPrinciple li a em{
		font-style:normal;
		color:white;
	}
	
	ul.sealingPrinciple li:hover{ background:#0064AE; }
	
	form.axialInnerPressure ul.sealingPrinciple li.axialInnerPressure,
	form.axialOuterPressure ul.sealingPrinciple li.axialOuterPressure,
	form.piston ul.sealingPrinciple li.piston,
	form.rod ul.sealingPrinciple li.rod{
		background:#0064AE;
	}	
	
	form.axialInnerPressure ul.sealingPrinciple li:hover ul.axialInnerPressureDesign,
	form.axialOuterPressure ul.sealingPrinciple li:hover ul.axialOuterPressureDesign,
	form.piston ul.sealingPrinciple li:hover ul.pistonDesign,
	form.rod ul.sealingPrinciple li:hover ul.rodDesign{
		border-top:1px solid white;
		background:#0064AE;
		top:83px;
	}
	
	ul.sealingPrinciple li:hover ul li{ display:block; }
/*
	// TABNAVIGATION SEALINGPRINCIPLE
*/


/*
	TABNAVIGATION DESIGN
*/
	ul.sealingPrinciple li ul{
		border-top:1px solid white; margin:0; padding:0;
		display:block;
		position:absolute;
		z-index:99;
	}	
	
	ul.sealingPrinciple li ul li{
		background:white;
		display:none;
		width:150px;
		text-align:center;
		float:none;
	}
	
	ul.sealingPrinciple li ul li a{
		padding-top:5px;
		padding-bottom:5px;
		text-decoration:none;
		display:block;
	}
	
	ul.sealingPrinciple li ul li a em{
		background:white;
		font-style:normal;
		color:#0064AE;
	}
	
	ul.sealingPrinciple li ul li:hover,
	ul.sealingPrinciple li ul li:hover a em{
		background:#0064AE;
		color:white;
	}
	
	
	form.axialInnerPressure.designGroove ul.axialInnerPressureDesign,
	form.axialInnerPressure.designORing ul.axialInnerPressureDesign,
	form.axialInnerPressure.designGrooveAndORing ul.axialInnerPressureDesign,
	
	form.axialInnerPressure.designGroove ul.axialInnerPressureDesign li.designGroove,
	form.axialInnerPressure.designORing ul.axialInnerPressureDesign li.designORing,
	form.axialInnerPressure.designGrooveAndORing ul.axialInnerPressureDesign li.designGrooveAndORing,
	
	form.axialInnerPressure.designGroove ul.axialInnerPressureDesign li.designGroove a em,
	form.axialInnerPressure.designORing ul.axialInnerPressureDesign li.designORing a em,
	form.axialInnerPressure.designGrooveAndORing ul.axialInnerPressureDesign li.designGrooveAndORing a em,


	form.axialOuterPressure.designGroove ul.axialOuterPressureDesign,
	form.axialOuterPressure.designORing ul.axialOuterPressureDesign,
	form.axialOuterPressure.designGrooveAndORing ul.axialOuterPressureDesign,
	
	form.axialOuterPressure.designGroove ul.axialOuterPressureDesign li.designGroove,
	form.axialOuterPressure.designORing ul.axialOuterPressureDesign li.designORing,
	form.axialOuterPressure.designGrooveAndORing ul.axialOuterPressureDesign li.designGrooveAndORing,
	
	form.axialOuterPressure.designGroove ul.axialOuterPressureDesign li.designGroove a em,
	form.axialOuterPressure.designORing ul.axialOuterPressureDesign li.designORing a em,
	form.axialOuterPressure.designGrooveAndORing ul.axialOuterPressureDesign li.designGrooveAndORing a em,


	form.piston.designGroove ul.pistonDesign,
	form.piston.designORing ul.pistonDesign,
	form.piston.designGrooveAndORing ul.pistonDesign,

	form.piston.designGroove ul.pistonDesign li.designGroove,
	form.piston.designORing ul.pistonDesign li.designORing,
	form.piston.designGrooveAndORing ul.pistonDesign li.designGrooveAndORing,
	
	form.piston.designGroove ul.pistonDesign li.designGroove a em,
	form.piston.designORing ul.pistonDesign li.designORing a em,
	form.piston.designGrooveAndORing ul.pistonDesign li.designGrooveAndORing a em,


	form.rod.designGroove ul.rodDesign,
	form.rod.designORing ul.rodDesign,
	form.rod.designGrooveAndORing ul.rodDesign,

	form.rod.designGroove ul.rodDesign li.designGroove,
	form.rod.designORing ul.rodDesign li.designORing,
	form.rod.designGrooveAndORing ul.rodDesign li.designGrooveAndORing,
	
	form.rod.designGroove ul.rodDesign li.designGroove a em,
	form.rod.designORing ul.rodDesign li.designORing a em,
	form.rod.designGrooveAndORing ul.rodDesign li.designGrooveAndORing a em{
		border-top:0;
		background:none;
		display:block;
		top:64px;
		color:white;
	}
/*
	// TABNAVIGATION DESIGN
*/



/*
	APPLICATION
*/
	#appProperties{
		margin:0; padding-top:15px;
		background-color:#EFEFEF;
		display:block;
		height:70px;
		z-index:10;
	}
	
	#appProperties span{
		margin-top:6px;
		margin-right:18px;
		margin-left:5px;
		display:block;
		float:left;
		text-align:right;
		height:60px;
		font-weight:bold;
		color:#0064AE;
	}
	
	#appProperties label{
		margin:1px;
		display:block;
		width:300px;
		float:left;
	}
	
	#appProperties label#appPressureContainer{ width:400px; }
	
	#appProperties label span{
		margin-top:0;
		padding-top:5px;
		padding-bottom:5px;
		width:150px;
		height:auto;
		text-align:left;
		font-weight:normal;
	}
	
	#appProperties label input{
		border:1px solid #999;
		margin-top:5px;
		padding:2px 4px;
		padding-left:5px;
		width:8.1em;
		text-align:right;
	}
	
	#appProperties label input:focus{
		border-left:4px solid #0064AE;
		padding-left:2px;
	}
	
	
	/* SELECTS */
	#appProperties div{
		border:1px solid #999; margin:0; padding:0;
		margin-top:6px;
		margin-left:-128px;		
		padding-top:1px;
		padding-right:11px;
		padding-left:4px;
		display:block;
		position:relative;
		float:left;
		width:9.1em;
		height:1.5em;
		background:url(../img/selectButton.png) right top no-repeat #FFF;		
		cursor:default;
	}
	
	#appProperties div#appPressure{ margin-left:-228px; }
	
	.axialInnerPressure label#appMovementContainer,
	.axialOuterPressure label#appMovementContainer,
	.designGrooveAndORing label#appPressureContainer,
	.designGrooveAndORing div#appPressure,
	.axialInnerPressure div#appMovement,
	.axialOuterPressure div#appMovement,
	.designGrooveAndORing label#appMovementContainer,
	.designGrooveAndORing div#appMovement,
	.designGrooveAndORing label#appCompressionContainer{
		display:none;
	}
	
	#appProperties div ul{
		margin:0; padding:0;	
		margin-top:-1px;
		margin-left:-4px;
		display:block;
		background-color:#FFF;
		list-style:none;
		width:9em;
		max-height:11em;
		overflow:auto;
		height:auto;
		z-index:99;
	}
	
	#appProperties div ul li{
		padding:0;
		padding-right:2px;
		display:none;
	}
	
	#appProperties div ul li.selected{ display:block; }
	
	#appProperties div ul li a{
		border:0;
		padding:2px;
		display:block;
		cursor:default;
		text-decoration:none;
		text-align:right;
	}
	
	#appProperties div.onClick ul li:hover,
	#appProperties div.onClick ul li:hover a{
		background-color:#000066;
		color:#FFF;
	}
	
	#appProperties div.onClick{
		background:url(../img/selectButton.png) right -16px no-repeat #FFF;
		z-index:10;
	}
	
	#appProperties div.onClick ul{
		border:1px solid #999;
		margin-top:15px;
		margin-left:-5px;
		width:10.6em;
	}
	
	label#appCompressionContainer input{	z-index:1; }
	
	#appProperties div.onClick ul li{
		display:block;
		padding-right:18px;
	}

	#appProperties button{
		border:0; margin:0; padding:0;
		background:none;
	}
	
	#appProperties button em{
		color:white;
		font-style:normal;
	}
	
	#appProperties button:hover,
	#appProperties button:hover em{
		text-decoration:underline;
	}
/*
	// APPLICATION
*/


/*
	CALCULATORBODY
*/
	#calculatorBody{
		margin:0; padding-top:15px;
		display:block;
		position:relative;
		z-index:0;
	}
	
	#calculatorBody fieldset{
		display:block;
		width:378px;
		height:200px;
	}
	
	#calculatorBody fieldset span{
		margin-top:6px;
		margin-right:20px;
		margin-left:25px;
		display:block;
		float:left;
		text-align:right;
		height:180px;
		font-weight:bold;
		color:#0064AE;
	}
	
	#calculatorBody fieldset label{
		border:1px solid #EFEFEF;
		margin-top:-1px;
		display:block;
		width:286px;
		height:25px;
		float:left;
	}
	
	#calculatorBody fieldset label span{
		margin-top:0;
		margin-left:5px;
		padding-top:5px;
		padding-bottom:5px;
		width:190px;
		text-align:left;
		font-weight:normal;
		color:#0064AE;
		float:left;
	}
	
	#calculatorBody fieldset label input{
		border:1px solid #999;
		margin-top:5px;
		padding:2px 4px;
		padding-left:5px;
		width:4em;
		text-align:right;
	}
	
	#calculatorBody fieldset label input:focus{
		border-left:4px solid #0064AE;
		padding-left:2px;
	}
	
	/* GROOVEPROPERTIES */
		/* SELECTS */
			#material{
				border:1px solid #999; margin:0; padding:0;
				margin-top:5px;
				margin-left:218px;
				padding-top:1px;
				padding-right:11px;
				padding-left:4px;
				width:13.5em;
				height:1.5em;
				background:url(../img/selectButton.png) right top no-repeat #FFF;
				display:block;
				position:relative;
				cursor:default;
			}
			
			#material ul{
				margin:0; padding:0;	
				position:absolute;
				background-color:#FFF;
				list-style:none;
				width:13.4em;
				max-height:11em;
				overflow:auto;
				top:0;
				left:0;
				height:auto;
				display:block;
				z-index:50;
			}
			
			#material ul li{
				border:0; padding:0;
				display:none;
				text-align:right;
			}
			
			#material ul li.selected{ display:block; }
			
			#material ul li a{
				border:0;
				padding:2px;
				display:block;
				cursor:default;
				text-decoration:none;
				font-weight:normal;
			}
			
			#material.onClick{ background:url(../img/selectButton.png) right -16px no-repeat #FFF; }
			
			#material.onClick ul{
				border:1px solid #999;
				width:15em;
				top:16px;
				left:-1px;
				z-index:99;
			}
			
			#material.onClick ul li{ display:block; }			
			#material.onClick ul li a{ padding-right:0.2em; }
	
			#material.onClick ul li:hover,
			#material.onClick ul li:hover a{
				background-color:#000066;
				color:#FFF;
			}
		/* SELECTS */

		#grooveProperties #coefficientInputContainer{ height:32px; }


		

		#grooveProperties label#freeGrooveVolumeContainer,
		fieldset#grooveProperties label#OORMaxContainer,
		.piston.designGrooveAndORing fieldset#grooveProperties label#oringIDStretchInputContainer,
		.rod.designGrooveAndORing fieldset#grooveProperties label#oringIDStretchInputContainer,
		
		.axialInnerPressure fieldset#grooveProperties label#oringIDStretchInputContainer,
		.axialOuterPressure fieldset#grooveProperties label#oringIDStretchInputContainer{
			display:none;
		}



		.designGroove fieldset#grooveProperties label#freeGrooveVolumeContainer,
		.rod fieldset#grooveProperties label#OORMaxContainer{
			display:block;
		}


	/* // GROOVEPROPERTIES */
	
	
	/* GROOVEINPUTS */
		#grooveInputs{
			border:0; margin:0; padding:0;
			margin-top:-201px;
			margin-left:378px;
			margin-right:-37px;
		}
		
		#grooveInputs fieldset{
			border-bottom:1px solid #EFEFEF;
			border-left:1px solid #EFEFEF;
			border-right:1px solid #EFEFEF;
			margin:0; padding:0;
			width:380px;
			height:25px;
		}
		
		#grooveInputs fieldset span{
			border:0; margin-left:5px; margin-right:0;
			display:block;
			float:left;
			width:145px;
			height:25px;
			text-align:left;
			font-weight:normal;
		}
		
		#grooveInputs fieldset input{
			border:1px solid #999;
			margin-top:4px;
			margin-right:2px;
			padding:2px 4px;
			padding-left:5px;
			width:4em;
			text-align:right;
			font-weight:normal;
			position:relative;
			float:left;
		}
		
		#grooveInputs fieldset input:focus{
			border-left:4px solid #0064AE;
			padding-left:2px;
		}
		
		#grooveInputs fieldset input#pistonDiameterNomChkb,
		#grooveInputs fieldset input#boreDiameterNomChkb,
		#grooveInputs fieldset input#rodDiameterNomChkb{
			border:0;
			margin-top:6px;
			margin-left:-17px;
			width:1.4em;
		}
		
		.designGroove #grooveInputs fieldset input{
			border:1px solid white;
			background:none;
		}
		
		#grooveInputs fieldset input.fixedInput{
			border:1px solid #999;
			margin-right:2px;
		}
		
		.designORing #grooveInputs fieldset input#pistonDiameterNomChkb,
		.designORing #grooveInputs fieldset input#boreDiameterNomChkb,
		.designORing #grooveInputs fieldset input#rodDiameterNomChkb,
		.designGrooveAndORing #grooveInputs fieldset input#pistonDiameterNomChkb,
		.designGrooveAndORing #grooveInputs fieldset input#boreDiameterNomChkb,
		.designGrooveAndORing #grooveInputs fieldset input#rodDiameterNomChkb{
			display:none;
		}

		
		/* SELECTS */
		#grooveInputs #grooveWidthNomContainer{
			z-index:99;
		}
		
		#grooveInputs #boreDiameterNomContainer{
			z-index:98;
		}
		
		#grooveInputs #grooveDiameterNomContainer{
			z-index:97;
		}
		
		#grooveInputs #pistonDiameterNomContainer{
			z-index:96;
		}
		
		#grooveInputs #grooveIDNomContainer{
			z-index:95;
		}
		
		#grooveInputs #grooveODNomContainer{
			z-index:94;
		}
		
		
		#grooveInputs fieldset div{
			border:1px solid #999; margin:0; padding:0;
			margin-top:4px;
			margin-left:-53px;
			padding-top:1px;
			padding-right:11px;
			padding-left:4px;
			width:5em;
			height:1.5em;
			background:url(../img/selectButton.png) right top no-repeat #FFF;
			cursor:default;
			position:relative;
			display:block;
			float:left;
		}
		
		.designGroove #grooveInputs fieldset div{
			border:1px solid white;
			background:none;
		}
		
		#grooveInputs fieldset #grooveWidth{
			z-index:99;
		}
		
		#grooveInputs fieldset #boreDiameter{
			z-index:98;
		}
		
		#grooveInputs fieldset #grooveDiameter{
			z-index:97;
		}
		
		#grooveInputs fieldset #pistonDiameter{
			z-index:96;
		}
		
		#grooveInputs fieldset div ul{
			margin:0; padding:0;
			position:absolute;
			background-color:#FFF;
			list-style:none;
			width:4.9em;
			max-height:11em;
			overflow:auto;
			top:0;
			left:0;
			height:auto;
			display:block;
		}
		
		#grooveInputs fieldset div #grooveWidthSelectList,
		#grooveInputs fieldset div #grooveWidthSelectList li{
			z-index:85;
		}
		
		#grooveInputs fieldset div #boreDiameterSelectList{
			z-index:80;
		}
		
		#grooveInputs fieldset div #grooveDiameterSelectList{
			z-index:75;
		}
		
		#grooveInputs fieldset div #pistonDiameterSelectList{
			z-index:70;
		}
		
		
		#grooveInputs fieldset div ul li{
			border:0; padding:0;
			display:none;
			text-align:right;
		}
		
		#grooveInputs fieldset div ul li.selected{ display:block; }

		#grooveInputs fieldset div ul li a{
			border:0;
			padding:2px;
			display:block;
			cursor:default;
			text-decoration:none;
			font-weight:normal;
		}

		#grooveInputs fieldset div.onClick{ background:url(../img/selectButton.png) right -16px no-repeat #FFF; z-index:99; }
		
		#grooveInputs fieldset div.onClick ul{
			border:1px solid #999;
			width:6.5em;
			top:16px;
			left:-1px;
			z-index:99;
		}
		
		#grooveInputs fieldset div.onClick ul li{ display:block; }
		#grooveInputs fieldset div.onClick ul li a{ padding-right:1.8em; }

		#grooveInputs fieldset div.onClick ul li:hover,
		#grooveInputs fieldset div.onClick ul li:hover a{
			background-color:#000066;
			color:#FFF;
		}
		/* SELECTS */
		
		
		#grooveInputs fieldset.grooveInputsHead{ background:#EFEFEF; }
		
		#grooveInputs fieldset.grooveInputsHead span{
			margin-left:0;
			width:75px;
			height:25px;
		}

		#grooveInputs fieldset.grooveInputsHead span.upperTolerance{
			margin-left:150px;
			margin-right:-20px;
		}		
		
		#grooveInputs fieldset#grooveIDNomContainer,
		#grooveInputs fieldset#grooveODNomContainer,
		#grooveInputs fieldset#grooveDepthNomContainer,
		#grooveInputs fieldset#grooveWidthNomContainer,
		#grooveInputs fieldset#boreDiameterNomContainer,
		#grooveInputs fieldset#grooveDiameterNomContainer,
		#grooveInputs fieldset#pistonDiameterNomContainer,
		#grooveInputs fieldset#rodDiameterNomContainer{
			display:none;
		}
		
		.axialInnerPressure #grooveInputs #grooveIDNomContainer,
		.axialInnerPressure #grooveInputs #grooveODNomContainer,
		.axialInnerPressure #grooveInputs #grooveDepthNomContainer,

		.axialOuterPressure #grooveInputs #grooveIDNomContainer,
		.axialOuterPressure #grooveInputs #grooveODNomContainer,
		.axialOuterPressure #grooveInputs #grooveDepthNomContainer,

		.piston #grooveInputs #grooveWidthNomContainer,
		.piston #grooveInputs #boreDiameterNomContainer,
		.piston #grooveInputs #grooveDiameterNomContainer,
		.piston #grooveInputs #pistonDiameterNomContainer,
		
		.rod #grooveInputs #grooveWidthNomContainer,
		.rod #grooveInputs #boreDiameterNomContainer,
		.rod #grooveInputs #grooveDiameterNomContainer,
		.rod #grooveInputs #rodDiameterNomContainer{
			display:block;
		}
	/* // GROOVE INPUTS */


	/* ARTWORK */
		fieldset#artWorkWrapper{
			border:0; margin:0; padding:0;
			margin-top:-202px;
			width:231px;
			height:200px;
			float:right;
		}
		
		fieldset#artWorkWrapper div{
			border:0; margin:0; padding:0;
			margin-left:-27px;
			display:block;
			height:200px;
			background:18px 0px no-repeat;
		}
		
		.axialInnerPressure #artWorkWrapper div{ background-image:url('../img/artwork/axialInner/axialInner.png'); }
		.axialOuterPressure #artWorkWrapper div{ background-image:url('../img/artwork/axialOuter/axialOuter.png'); }
		.piston #artWorkWrapper div{ background-image:url('../img/artwork/piston/piston.png'); }
		.rod #artWorkWrapper div{ background-image:url('../img/artwork/rod/rod.png'); }
		
		.axialInnerPressure #artWorkWrapper div.grooveIDNom{ background-image:url('../img/artwork/axialInner/axialInner-innerDiameter.png'); }
		.axialInnerPressure #artWorkWrapper div.grooveODNom{ background-image:url('../img/artwork/axialInner/axialInner-outerDiameter.png'); }
		.axialInnerPressure #artWorkWrapper div.grooveDepthNom{ background-image:url('../img/artwork/axialInner/axialInner-depth.png'); }
	
		.axialOuterPressure #artWorkWrapper div.grooveIDNom{ background-image:url('../img/artwork/axialOuter/axialOuter-innerDiameter.png'); }
		.axialOuterPressure #artWorkWrapper div.grooveODNom{ background-image:url('../img/artwork/axialOuter/axialOuter-outerDiameter.png'); }
		.axialOuterPressure #artWorkWrapper div.grooveDepthNom{ background-image:url('../img/artwork/axialOuter/axialOuter-depth.png'); }
	
		.piston #artWorkWrapper div.grooveWidthNom{ background-image:url('../img/artwork/piston/piston-grooveWidth.png'); }
		.piston #artWorkWrapper div.boreDiameterNom{ background-image:url('../img/artwork/piston/piston-boreDiameter.png'); }
		.piston #artWorkWrapper div.grooveDiameterNom{ background-image:url('../img/artwork/piston/piston-grooveDiameter.png'); }
		.piston #artWorkWrapper div.pistonDiameterNom{ background-image:url('../img/artwork/piston/piston-pistonDiameter.png'); }
	
		.rod #artWorkWrapper div.grooveWidthNom{ background-image:url('../img/artwork/rod/rod-grooveWidth.png'); }
		.rod #artWorkWrapper div.boreDiameterNom{ background-image:url('../img/artwork/rod/rod-boreDiameter.png'); }
		.rod #artWorkWrapper div.grooveDiameterNom{ background-image:url('../img/artwork/rod/rod-grooveDiameter.png'); }
		.rod #artWorkWrapper div.rodDiameterNom{ background-image:url('../img/artwork/rod/rod-rodDiameter.png'); }
	/* // ARTWORK */

	
	/* ORING */
		fieldset#oringProperties{
			padding-top:15px;
			background:#EFEFEF;
			display:block;
			width:1000px;
			height:70px;
		}
		
		fieldset#oringProperties label{ border:0; display:block; }

		fieldset#oringProperties label span{
			margin-right:24px;
			display:block;
			float:left;
			width:150px;
			height:15px;
			font-weight:normal;
			text-align:left;
		}
		
		fieldset#oringProperties span.head{
			margin:1px; padding:0;
			margin-top:6px;
			margin-right:21px;
			margin-left:25px;
			width:auto;
			height:50px;
			float:left;
			position:relative;
		}
		
		fieldset#oringProperties label input{
			border:1px solid #999;
			margin-top:5px;
			margin-right:5px;
			margin-bottom:5px;
			padding:2px 4px;
			padding-left:5px;
			width:8.1em;
			text-align:right;
			float:left;
			font-weight:normal;
		}
		
		fieldset#oringProperties label input:focus{
			border-left:4px solid #0064AE;
			padding-left:2px;
		}
		
		fieldset#oringProperties table{ border-collapse:collapse; }
		
		fieldset#oringProperties table tbody tr td{ z-index:1; }
		
		fieldset#oringProperties table tbody tr td div#toleranceSign{
			border:0; padding:0;
			margin-top:-35px;
			margin-right:52px;
			float:right;
			background:none;
		}
		
		fieldset#oringProperties table tbody tr td.standardORingText{ vertical-align:top; }
		
		fieldset#oringProperties table tbody tr td#oringCompoundContainer{ width:288px; }
		
		fieldset#oringProperties fieldset{
			border:0; margin:0; padding:0;
			height:25px;
			display:block;
			position:relative;
		}
		
		fieldset#oringProperties fieldset span{
			border:0; margin-left:7px; padding:0;
			margin-top:5px;
			display:block;
			float:left;
			width:155px;
			height:15px;
			text-align:left;
			font-weight:normal;
		}
		
		fieldset#oringProperties fieldset input{
			border:1px solid #999;
			margin-top:4px;
			margin-right:2px;
			padding:2px 4px;
			padding-left:5px;
			width:4em;
			text-align:right;
			font-weight:normal;
			float:left;
		}
		
		fieldset#oringProperties fieldset input:focus{
			border-left:4px solid #0064AE;;
			padding-left:2px;
		}
		
		/* SELECTS */
			fieldset#oringProperties div{
				border:1px solid #999; margin:0; padding:0;
				margin-top:4px;
				margin-left:-53px;
				padding-top:1px;
				padding-right:11px;
				padding-left:4px;
				width:7em;
				height:1.5em;
				background:url(../img/selectButton.png) right top no-repeat #FFF;
				cursor:default;
				position:relative;
				display:block;
				float:left;
				z-index:1;
			}
			
			fieldset#oringProperties div#oringCompound{
				margin-top:-22px;
				margin-right:1px;
				width:9.1em;
				float:right;
			}

			fieldset#oringProperties div ul{
				margin:0; padding:0;	
				position:absolute;
				list-style:none;
				width:6.9em;
				height:auto;
				overflow:auto;
				top:0;
				left:0;
				height:auto;
				z-index:50;
			}
			
			fieldset#oringProperties div#oringCompound ul{
				width:9em;
			}
			
			.designORing fieldset#oringProperties fieldset div{
				border:1px solid #EFEFEF;
				background:none;
			}
			
			fieldset#oringProperties div ul li{
				border:0; margin:0; padding:0;
				display:none;
				text-align:right;
			}
			
			fieldset#oringProperties div ul li.selected{ display:block; }
			
			fieldset#oringProperties div ul li a{
				padding:2px;
				display:block;
				cursor:default;
				text-decoration:none;
				font-weight:normal;
			}
			
			fieldset#oringProperties div.onClick{ background:url(../img/selectButton.png) right -16px no-repeat #FFF; z-index:99; }
			
			fieldset#oringProperties div.onClick ul{
				border:1px solid #999;
				background:#FFF;
				width:8.5em;
				max-height:11em;
				top:16px;
				left:-1px;
				z-index:99;
			}
			
			fieldset#oringProperties div.onClick ul li{ display:block; }
			fieldset#oringProperties div.onClick ul li a{ padding-right:1.8em; }
			
			fieldset#oringProperties div#oringCompound.onClick ul{ width:10.6em; }
			fieldset#oringProperties div#oringCompound.onClick ul li a{ padding-right:0.2em; }
	
			fieldset#oringProperties div.onClick ul li:hover,
			fieldset#oringProperties div.onClick ul li:hover a{
				background-color:#000066;
				color:#FFF;
			}
	
			.designORing fieldset#oringProperties fieldset#oringIDNomContainer input,
			.designORing fieldset#oringProperties fieldset#oringCSDNomContainer input{
				border:1px solid #EFEFEF;
				background:none;
			}
		/* SELECTS */

		fieldset#oringProperties button{
			border:none; margin:0; padding:0;
			background:none;
			cursor:pointer;
		}

		fieldset#oringProperties button em{
			text-decoration:underline;
			color:#0064AE;		
		}
	/* // ORING */


	/* BUTTONBAR */
		fieldset#buttonbar{
			padding:5px;
			background:#3FA9D6;
			display:block;
			width:990px;
			height:auto;
		}
		
		fieldset#buttonbar button{
			border:1px solid #999; padding:5px;
			margin-right:20px;
			background:#0064AE;
			display:block;
			width:150px;
			float:right;
		}
		
		fieldset#buttonbar button em{
			color:white;
		}
		
		fieldset#buttonbar button#resetButton{
			background:white;
		}
		
		fieldset#buttonbar button#resetButton em{
			color:#0064AE;
		}
		
		fieldset#buttonbar button#pdfButton{
			width:200px;
		}
	/* // BUTTONBAR */
	

	/* STANDARD ORINGS */
		#standardORing{
			border:10px solid #0064AE;
			
			position:absolute;
			
			background:white;
		}
		
		#standardORing h2{
			border:0; padding:0; margin:0;
			
			background-color:#0064AE;
			
			color:#FFF;
			
			font-size:1.5em;
			
			height:25px;
		}
		
		#standardORing h2 a{
			position:absolute;
			
			right:0;
			top:4px;
		}
		
		#standardORing h2 a img{ border:0; }
		
		#standardORing h3{
			background:#0064AE;
			color:white;
		}
		
		#standardORing form{
			border:0; padding:5px; margin:0;
			
			background-color:#0064AE;
		}
		
		#standardORing form label{
			display:block;
			
			float:left;
		}
		
		#standardORing form label span{
			margin-right:5px;
			
			color:#FFF;
			
			display:block;
			
			float:left;
			
			width:15em;
		}
		
		#standardORing form label input{
			border:1px solid #CCC;
			margin-right:20px;
			width:2.5em;
		}
		
		#standardORing form button{
			border:1px solid #28B4E4; padding:0; margin:0;
			
			background-color:#0064AE;
			
			margin-left:15px;
			
			text-align:center;
			
			width:100px;
		}
		
		#standardORing form button em{
			color:#FFF;
		}
	
		#standardORing form button:hover,
		#standardORing form button:hover em{
			font-weight:bold;
			cursor:pointer;
		}
	
		
		#standardORing table{
			border-collapse:separate; 
			border-spacing:0px;
			empty-cells:show;
			
			width:698px;
		}
		
		#standardORing table thead tr th{
			text-align:left; 
		}
		
		#standardORing table thead th{
			border-left:1px solid #FFF;
			border-top:1px solid #FFF;
			border-right:1px solid #0064AE;
			border-bottom:1px solid #0064AE;
			padding:2px 4px;
			background-color:#EEE;
			text-align:left;
			font-weight:normal;
		}
		
		#standardORing table tbody tr td button{
			border:0; padding:0; margin:0;
			background-color:#FFF;
			cursor:pointer;
		}
	
		#standardORing table tbody tr td button:hover em{
			text-decoration:underline;
		}
	/* // STANDARD ORINGS */


	/* RESULTS */
		fieldset#results{
			border:0; margin:0; padding:20px;
			background:#CCC;
			display:block;
			width:960px;
		}
		
		fieldset#results legend{ display:none; }
		
		fieldset#results table{
			border:0; margin:0; padding:0;
			border-collapse:collapse;
			display:block;
			float:left;
			width:475px;
		}
		
		fieldset#results table.resultsAtInstallation{ margin-right:10px; }
		
		fieldset#results table thead{
			background:#0064AE;
			display:block;
		}
		
		fieldset#results table thead tr{}
		
		fieldset#results table thead tr th{
			color:white;
			font-weight:normal;
			width:78px;
			height:20px;
		}
	
		fieldset#results table thead tr th.resultsTHHead{
			padding-left:5px;
			font-weight:bold;
			width:225px;
			text-align:left;
		}
		
		fieldset#results div table tbody{
			background:white;
			display:block;
			height:169px;
		}
		
		fieldset#results div table.resultsAtInstallation tbody{
			height:130px;
		}
		
		fieldset#results table tbody tr.emptyRow{ display:none;}
	
		fieldset#results table tbody tr td{
			border-bottom:1px solid #EFEFEF;
			padding-top:1px;
			padding-bottom:3px;
			padding-left:5px;
			width:75px;
			color:#0064AE;
		}
	
		fieldset#results table tbody tr td.resultsTDHead{  width:245px; }
		
		fieldset#results table tbody tr td.subTDHead{ background:#EFEFEF; width:475px; }
		
		fieldset#results table tbody tr td input{
			border:none; margin:0; padding:0;
			background:none;
			width:6em;
			text-align:right;
			position:relative;
		}
		
		fieldset#results button{
			border:0; margin:0; padding:0;
			margin-top:-10px;
			margin-bottom:-10px;
			float:right;
		}
	
		#resultAxialInnerPressure,
		#resultAxialOuterPressure,
		#resultPiston,
		#resultRod{
			display:none;
		}
		
		.axialInnerPressure #resultAxialInnerPressure,
		.axialOuterPressure #resultAxialOuterPressure,
		.piston #resultPiston,
		.rod #resultRod{
			display:block;
		}
		
		.axialInnerPressure.designGrooveAndORing #resultAxialInnerPressure .resultsAtInstallation,
		.axialOuterPressure.designGrooveAndORing #resultAxialOuterPressure .resultsAtInstallation,
		.piston.designGrooveAndORing #resultPiston .resultsAtInstallation,
		.rod.designGrooveAndORing #resultRod .resultsAtInstallation{
			visibility:hidden;
		}
		
	/* // RESULTS */


	/* APPLICATION TOOLBAR */
		fieldset#appToolbar{
			margin-top:172px;
			margin-left:-960px;
			display:block;
			height:auto;
			width:475px;
			position:relative;
		}
			
		fieldset#appToolbar input{
			border:1px solid #999;
			margin-left:-197px;
			margin-right:35px;
			padding:2px 4px;
			padding-left:5px;
			width:17em;
			text-align:right;
			float:left;
		}
		
		fieldset#appToolbar input:focus{
			border-left:4px solid #0064AE;
			padding-left:2px;
		}
		
		fieldset#appToolbar button{
			border:1px solid #999; margin:0; padding:1px;
			margin-right:-1px;
			width:auto;
			background:#0064AE;
			cursor:pointer;
			float:left;
			width:130px;
		}
		
		fieldset#appToolbar button em{ color:white; }
		
		fieldset#appToolbar button:hover em{}
	
		/* SELECT */
			fieldset#appToolbar div{
				border:1px solid #999;
				display:block;
				float:left;
				width:195px;
				height:16px;
				background:url(../img/selectButton.png) top right no-repeat;
			}
			
			fieldset#appToolbar div.onClick{ background:url(../img/selectButton.png) 179px -16px no-repeat #FFF; }

			fieldset#appToolbar div ul{
				border:1px solid #B2B2B2;
				margin:0; padding:0;
				width:195px;
				max-height:10em;
				position:absolute;
				top:17px;
				left:0;
				overflow:auto;
				list-style:none;	
				display:none;
			}
			
			fieldset#appToolbar div ul li{
				border:0; margin:0; padding:1px;
				padding-right:18px;
				width:auto;
			}
			
			fieldset#appToolbar div ul li:hover, 
			fieldset#appToolbar div ul li:hover a{
				background-color:#0A246A;
				color:#FFF;
			}
			
			fieldset#appToolbar div ul li a{
				padding-right:2px;
				text-decoration:none;		
				display:block;
				cursor:default;
				text-align:right;
			}
			
			fieldset#appToolbar div.onClick ul{
				display:block;
				background:white;
			}
		/* SELECT */
	/* // APPLICATION TOOLBAR */
	
	
/*
	// CALCULATORBODY
*/


/*
	FOOTER
*/
	#footer, #footer *{ color:#999; }
/*
	// FOOTER
*/	


/*
	PRINT
*/
	.print{ display:none; }
/*
	// PRINT
*/


/*
	SITETOOLBAR TOP
*/
	#siteToolbar{	
		height:2.8em;
		
		background-color:#0064ae;
		
		min-width:1000px;
	}
	
	#siteToolbar ul{
		margin:0; padding:0; border:0;
		
		list-style-type:none;
		
		list-style-image:none;
	}
	
	#siteToolbar #unsortedList{
		margin:0 auto;
		
		background-color:#0064AE;
		
		width:1000px;
	}
	
	#siteToolbar ul li{
		float:left;
		line-height:25px;
		color:white;
	}
	
	#siteToolbar ul li a{
		color:white;
		text-decoration:none;
	}
	
	#siteToolbar ul li a em{
		font-style:normal;
		color:white;
	}
	
	#siteToolbar ul li a:hover{ text-decoration:underline; }
	
	#siteToolbar ul li#quickLinks:hover div{ display:block; }


/* QUICKLINKS */
	#quickLinks div{
		display:none;
		width:500px;
		height:auto; 
		padding:10px;
		position:absolute;
		top:28px;
		border-top:1px solid #28b4e4;
		border-left:1px solid #28b4e4;
		border-right:2px solid #28b4e4;
		border-bottom:2px solid #28b4e4;
		background-color:white;
		color:#333;
		z-index:10;
	}
	
	#quickLinks div table{
		border:0; margin:0; padding:0;
	}
	
	#quickLinks div table tbody tr td{ vertical-align:top; }
	
	#quickLinks div ul li{ line-height:2em; }
	
	#quickLinks div h3{
		font-size:1em;
		font-weight:bold;
		color:#0064AE;
	}
	
	#quickLinks div ul{
		list-style-type:none;
		list-style-image:none;
		margin:0; padding:0;
		padding-left:1px;
		margin-bottom:2em;
	}
	
	#quickLinks div ul li{ float:none; }
	
	#quickLinks div ul li a{ color:#0064ae; }
	
	#quickLinks div ul li a em{
		font-style:normal;
		color:white;
	}
	
	#siteToolbar ul li#quickLinks:hover div, #siteToolbar ul li#quickLinks:hover a em{
		display:block;
		text-decoration:underline;
	}
	
	
	/* USERDETAILS */
	#siteToolbar #userDetails{ float:right; }
	
	#siteToolbar #userDetails button{
		border:0; margin:0; padding:0;
		height:22px;
		background-color:#0064AE;
	}
	
	#siteToolbar #userDetails button em{
		font-style:normal;
		color:#FFF;
	}
	#siteToolbar #userDetails button:hover, #siteToolbar #userDetails button:hover em{
		text-decoration:underline;
		cursor:pointer;
	}
/*
	// SITETOOLBAR TOP
*/


/*
	IFRAME
*/
	#sessionValidator{
		display:block;
		width:1000px;
		height:1040px;
		margin:0 auto;
		
		/*background-image:url(../img/profilePriceCalculatorBackground.png);*/
		background-position:center;
		background-position:top;
		background-repeat:no-repeat;
	}
	
	#sessionValidator div{
		float:left;
		width:300px;
	}
	
	#sessionValidator div h2{
		font-size: 20px;
		color:#0064AE;
	}
	
	#sessionValidator div hr{
		color:#CCC;
	}
	
	#sessionValidator div h3{
		font-size: 12px;
		color:#0064AE;
	}
	
	#sessionValidator iframe{
		float:left;
		width:700px;
		height:100%;
		border:0;
		background-color:transparent;
	}
/*
	// IFRAME
*/


/*
	LINKS INFO BOXES
*/
	.info{
		border:0; margin-top:-10px;
		width:12px;
		height:17px;
		background:url('../img/info.gif') 0 0 no-repeat;
		cursor:pointer;
		float:right;
	}
	
	.info em{ display:none; }
	
	#oringProperties #oringCompoundContainer button.info,
	#oringProperties #oringChemVolSwellContainer button.info,
	#calculator #appProperties button.info{
		margin-top:-10px;
		background:url('../img/info.gif') 0 0 no-repeat;
	}
	
	#oringProperties #oringCompoundContainer button.info,
	#oringProperties #oringChemVolSwellContainer button.info{
		margin-right:-15px;
	}
	
	#materialContainer span button.info{ margin-right:100px; }
	
	#grooveProperties button.info{ margin-right:-15px; }
	
	.rod #oringIDStretchInputTable .info{ display:none; }
	
	fieldset#results table th.resultsTHHead button.info{
		margin-right:-4px;
		background:url('../img/infoBlauw.gif') 0 0 no-repeat;
	}
	
	/* POPUP */
	#infoBox{
		border:5px solid #0064AE; margin:0; padding:0;
		display:block;		
		background-color:#FFF;
		width:350px;
		height:auto;
		position:absolute;
		text-align:justify;
		z-index:0;
	}
	
	#infoBox h2{
		border:0; padding:0; margin:0;
		padding-left:5px;
		display:block;
		height:20px;
		background-color:#0064AE;
		font-size:13px;
		color:white;
	}
	
	#infoBox h2 img{
		border:0;
		position:absolute;
		top:2px;
		right:0;
	}
	
	#infoBox div{ padding:5px; }
	
	#infoBox table{ margin:5px auto; /*width:200px;*/ border-collapse:collapse; }
	
	#infoBox table.movement,
	#infoBox table.pinstCSDComp{ /*width:320px;*/ }
	
	#infoBox table th,
	#infoBox table td{ border:1px solid black; text-align:center; vertical-align:top; width:80px; }
/*
	// LINKS INFO BOXES
*/


/*
	ERROR MESSAGE
*/

	input.errorMessage,
	#appProperties input.errorMessage,
	#grooveProperties input.errorMessage,
	#grooveInputs input.errorMessage,
	#oringProperties .errorMessage{
		border:2px solid RED;
		padding:1px;
		padding-right:3px;
		padding-left:4px;
	}
	
	#oringProperties #oringCompound.errorMessage{
		border:2px solid RED;
		width:10em;
	}
	
	input.errorMessage:focus,
	#appProperties .errorMessage:focus,
	#grooveProperties .errorMessage:focus,
	#grooveInputs .errorMessage:focus,
	#oringProperties .errorMessage:focus{
		border-left:4px solid RED;
		padding-left:2px;
	}
	
	#resultAxialInnerPressure .errorMessage,
	#resultAxialOuterPressure .errorMessage,
	#resultPiston .errorMessage,
	#resultRod .errorMessage{
		border:2px solid RED;
		padding:0;
		padding-right:2px;
		padding-left:3px;
	}

	div.messageBox{
		padding-left:1px;
		padding-bottom:25px;
		display:none;
		position:absolute;
		width:147px;
		height:auto;
		background-image:url(../img/errorBalloon.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		z-index:2;
	}
	
	
	/* popup message */
	div.messageBoxHeader{
		display:block;
		height:14px;
		background-image:url(../img/errorBalloon.gif);
		background-repeat:no-repeat;
		background-position:left top;
	}
	
	div.messageBoxHeader img{
		border:0; margin:5px;
		margin-right:10px;
		width:11px;	height:11px;
		float:right;
	}
	
	div.messageBoxContent{
		border-left:1px solid black;
		border-right:1px solid black;
		padding-left:5px;
		padding-right:5px;
		display:block;
		width:135px;
		height:auto;
		background-color:#FFFFCC;
	}
/*
	// ERROR MESSAGE
*/

/*
	LOADING
*/
	#loader{
		position:absolute;
		
		left:0;
		top:0;
		
		width:100%;
		height:100%;
		
		z-index:990;
		
		background:url('../img/loaderBG.png') left top;
	}
	
	#loader h2{
		display:block;
		
		margin-left:-220px;
		margin-top:-100px;
		
		padding:20px 50px;
		
		border:4px solid #0064ae;
		
		position:absolute;
		left:50%;
		top:50%;

		text-align:center;
		background-color:white;
		
		color:red;
	}
	
	#loader h2 em{
		display:block;
		width:220px;
		padding-bottom:3em;
		font-weight:bold;
		font-size:12px;
		font-style:normal;
		color:#0064ae;
		background-image:url('../img/loader.gif');
		background-repeat:no-repeat;
		background-position:0px 30px;
	}
/*
	// LOADING
*/

/*
	POPUP CALCULATOR
*/
	div#closePopup{
		position:absolute;
		top:8px;
		margin-left:465px;		
	}
	
	div#closePopup a{
		text-decoration:none;
	}
	
	div#closePopup a em{
		font-style:normal;
		color:white;
	}
	
	div#closePopup a:hover em{
		text-decoration:underline;
	}
/*
	// POPUP CALCULATOR
*/

div#CFRuntimeExceptMessage{
	border:5px solid red; padding:10px;
	background:white;
	position:absolute;
	top:40%;
	left:35%;
	width:30%;
}

div#CFRuntimeExceptMessage h2{
	margin-top:-10px;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:5px;
	padding:2px;
	background:red;
	color:white;
	font-size:14px;
}

div#CFRuntimeExceptMessage h2 a img{
	border:0;
	margin-top:-17px;
	float:right;
}