/* CSS Document */

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



/*
	APPLICATION
*/
	#application{
		border:0; margin:0 auto; padding:0;
		
		padding-top:80px;
		
		width:780px;
		
		display:none;
		
		background:url(../img/ENG-RubberProfileCalculator.png) top left no-repeat;
	}
/*
	// APPLICATION
*/


/* 
	FIELDSET
*/
	fieldset{
		border:0; margin:0; padding:0;
	}
	
	fieldset legend{
		display:none;
	}
	
	fieldset label{
		display:block;
		clear:both;
	}
	
	fieldset label span{
		float:left; 
		width:16em; 
		padding-top:0.5em; 
		padding-bottom:0.5em; 
	}
 /*
	// FIELDSET
*/


/*
	FIELDSET INPUTOPTIONS
*/
	fieldset#inputOptions{
		border:1px solid #0064AE; margin:0; padding:0;
		
		width:792px;
		z-index:2;
	}
/*
	// FIELDSET INPUTOPTIONS
*/

/*
	FIELDSET SELECT SHAPE
*/
	fieldset#selectMaterial{
		border:0; margin:0; padding:10px;
		
		padding-top:5px;
		
		height:90px;
		background:#CCC;
		
		position:relative;
	}
	
	fieldset#selectMaterial h3{
		margin-bottom:5px;
		font-weight:normal;
	}
	
	fieldset#selectMaterial div#profileText{
		display:none;
		position:absolute;
		width:130px;
		top:150px;
	}
	
	.round #selectMaterial div#profileText,
	.hose #selectMaterial div#profileText,
	.ellipse #selectMaterial div#profileText,
	.square #selectMaterial div#profileText,
	.rectangle #selectMaterial div#profileText,
	.trapezium #selectMaterial div#profileText,
	.straightU #selectMaterial div#profileText,
	.roundU #selectMaterial div#profileText,
	.tProfile #selectMaterial div#profileText,
	.lProfile #selectMaterial div#profileText,
	.dProfile2 #selectMaterial div#profileText,
	.openDProfile2 #selectMaterial div#profileText,
	.dProfile #selectMaterial div#profileText,
	.openDProfile #selectMaterial div#profileText,
	.pSection #selectMaterial div#profileText,
	.hProfile #selectMaterial div#profileText,
	.eProfile #selectMaterial div#profileText{
		display:block;
	}
	
	fieldset#selectMaterial div#profileText p{
		margin-bottom:10px;
		color:#000;
	}

	/* MATERIAL SELECT */
	fieldset#selectMaterial #materialSelect{
		position:absolute;
		
		top:60px;
		left:1px;
	}
	
	fieldset#selectMaterial #material.errorMessage{
		border-color:RED;
		background-color:RED;
		
		color:#FFF;
	}
	
	fieldset#selectMaterial #materialSelect span{ width:7em; }
	/* // MATERIAL SELECT */


	/* METERS SELECT */
	fieldset#selectMaterial #metersSelect{
		position:absolute;
		
		top:60px;
		left:310px;
	}
	
	fieldset#selectMaterial #metersSelect span{ width:14em; }
	
	fieldset#selectMaterial #metersSelect input{
		border:1px solid #0064AE;
		
		padding-left:4px;	
		padding-bottom:3px;
	}
	
	fieldset#selectMaterial #metersSelect input.errorMessage{
		border:2px solid RED;
		
		padding-left:3px;	
		padding-top:0;
		padding-bottom:2px;
	}
	
	fieldset#selectMaterial #metersSelect input:focus{
		border-left:4px solid #0064AE;
		
		padding-left:1px;
	}
	
	fieldset#selectMaterial #metersSelect input.errorMessage:focus{
		border:2px solid RED;
		
		padding-left:3px;
	}
	/* // METERS SELECT */
	
	
	/* RESET BUTTON */
	fieldset#selectMaterial #resetCalculator{
		border:1px solid #FFF;
		padding:1px;
		
		background-color:#CCC;
		
		text-align:center;
		
		height:auto;
		width:125px;
		
		position:absolute;
		
		top:60px;
		right:40px;
	}
	
	fieldset#selectMaterial #resetCalculator em{ font-style:normal; }
	
	fieldset#selectMaterial #resetCalculator:hover,
	fieldset#selectMaterial #resetCalculator:hover em{
		background-color:#0064AE;
		cursor:pointer;
		color:#FFF;
	}
	/* // RESET BUTTON */
/*
	// FIELDSET SELECT SHAPE
*/


/*
	UL SHAPEBUTTON
*/
#shapeButtons{
	border:0; margin:2px; padding:0;
	
	position:relative;
	
	list-style-type:none;
	
	display:block;
}

#shapeButtons li{
	border:0;	margin:0; padding:0;
	margin-right:8px;
	
	float:left;
}

#shapeButtons li, #shapeButtons a{
	display:block;
	height:34px;
	width:34px;
}

#shapeButtons a{
	border:1px solid #FFF;
}

#shapeButtons li a:hover{
	border:1px solid #28B4E4;
}

#shapeButtons a em{
	display:none;
}

#shapeButtons .free a{ background:url(../img/shapeButtons/shapeButton.png) 0 0 no-repeat; }
#shapeButtons .round a{ background:url(../img/shapeButtons/shapeButton.png) -34px 0 no-repeat; }
#shapeButtons .hose a{ background:url(../img/shapeButtons/shapeButton.png) -68px 0 no-repeat; }
#shapeButtons .ellipse a{ background:url(../img/shapeButtons/shapeButton.png) -102px 0 no-repeat; }
#shapeButtons .square a{ background:url(../img/shapeButtons/shapeButton.png) -136px 0 no-repeat; }
#shapeButtons .rectangle a{ background:url(../img/shapeButtons/shapeButton.png) -170px 0 no-repeat; }
#shapeButtons .trapezium a{ background:url(../img/shapeButtons/shapeButton.png) -204px 0 no-repeat; }
#shapeButtons .straightU a{ background:url(../img/shapeButtons/shapeButton.png) -238px 0 no-repeat; }
#shapeButtons .roundU a{ background:url(../img/shapeButtons/shapeButton.png) -272px 0 no-repeat; }
#shapeButtons .tProfile a{ background:url(../img/shapeButtons/shapeButton.png) -306px 0 no-repeat; }
#shapeButtons .lProfile a{ background:url(../img/shapeButtons/shapeButton.png) -340px 0 no-repeat; }
#shapeButtons .dProfile2 a{ background:url(../img/shapeButtons/shapeButton.png) -374px 0 no-repeat; }
#shapeButtons .openDProfile2 a{ background:url(../img/shapeButtons/shapeButton.png) -408px 0 no-repeat; }
#shapeButtons .dProfile a{ background:url(../img/shapeButtons/shapeButton.png) -442px 0 no-repeat; }
#shapeButtons .openDProfile a{ background:url(../img/shapeButtons/shapeButton.png) -476px 0 no-repeat; }
#shapeButtons .pSection a{ background:url(../img/shapeButtons/shapeButton.png) -510px 0 no-repeat; }
#shapeButtons .hProfile a{ background:url(../img/shapeButtons/shapeButton.png) -544px 0 no-repeat; }
#shapeButtons .eProfile a{ background:url(../img/shapeButtons/shapeButton.png) -578px 0 no-repeat; }

#selector.free #shapeButtons .free a,
#selector.round #shapeButtons .round a,
#selector.hose #shapeButtons .hose a,
#selector.ellipse #shapeButtons .ellipse a,
#selector.square #shapeButtons .square a,
#selector.rectangle #shapeButtons .rectangle a,
#selector.trapezium #shapeButtons .trapezium a,
#selector.straightU #shapeButtons .straightU a,
#selector.roundU #shapeButtons .roundU a,
#selector.tProfile #shapeButtons .tProfile a,
#selector.lProfile #shapeButtons .lProfile a,
#selector.dProfile2 #shapeButtons .dProfile2 a,
#selector.openDProfile2 #shapeButtons .openDProfile2 a,
#selector.dProfile #shapeButtons .dProfile a,
#selector.openDProfile #shapeButtons .openDProfile a,
#selector.pSection #shapeButtons .pSection a,
#selector.hProfile #shapeButtons .hProfile a,
#selector.eProfile #shapeButtons .eProfile a{
	border:1px solid #0064AE;
}
/*
	// UL SHAPEBUTTON
*/


/*
	FIELDSET SHAPE
*/
#shape{
	border:0; margin:0; padding:5px;
	margin-top:20px;

	width:780px;
	height:242px;
}

#selector #shape fieldset{
  	display:none;
  	background-repeat:no-repeat;
	background-position:center;
	
  	height:208px;
	
	position:relative;
}

#selector #shape fieldset legend{ display:none; font-weight:bold;}
#selector #shape fieldset label{ position:absolute; }
#selector #shape fieldset label span{ visibility:hidden; }

#selector #shape fieldset label input{
	border:1px solid #0064ae; margin:0; padding:0;
	
	padding-left:4px;
	width:2em;
	
	position:relative;
}

#selector #shape fieldset label input:focus{
	border-left:4px solid #0064AE;
	padding-left:1px;
}

#selector #shape fieldset label input.errorMessage{
	border:2px solid RED;
	
	margin-top:-1px;
	
	padding-left:3px;	
	padding-top:0;
	padding-bottom:0;
}

#selector #shape fieldset label input.secondErrorMessage{
	border:2px solid ORANGE;
	
	margin-top:-1px;
	
	padding-left:3px;	
	padding-top:0;
	padding-bottom:0;
}

#messageBox{
	display:none;
	position:absolute;
	width:147px;
	height:auto;
	
	padding-left:1px;
	background-image:url(../img/errorBalloon.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:25px;
	
	z-index:2;
}

#messageBoxHeader{
	display:block;
	height:14px;
	background-image:url(../img/errorBalloon.gif);;
	background-repeat:no-repeat;
	background-position:left top;
}

#messageBoxContent{
	display:block;
	width:135px;
	height:auto;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid black;
	border-right:1px solid black;
	background-color:#FFFFCC;
}



/*
 	SHAPES AND INPUT FIELDS
*/
#selector.free fieldset#free,
#selector.free fieldset#free fieldset{ display:block; }

#selector.round fieldset#round{ display:block; background-image:url(../img/shapes/round.png); }
#selector.round fieldset#round label{ top:97px; left:115px; }

#selector.ellipse fieldset#ellipse{ display:block; background-image:url(../img/shapes/ellipse.png); }
#selector.ellipse fieldset#ellipse label#ellipseLengthALabel{ top:183px; left:236px; }
#selector.ellipse fieldset#ellipse label#ellipseLengthBLabel{ top:80px; left:19px; }

#selector.hose fieldset#hose{ display:block; background-image:url(../img/shapes/hose.png); }
#selector.hose fieldset#hose label#hoseLengthALabel{ 	top:27px; left:216px; }
#selector.hose fieldset#hose label#hoseLengthBLabel{ 	top:165px; left:216px; }

#selector.square fieldset#square{ display:block; 	background-image:url(../img/shapes/square.png); }
#selector.square fieldset#square label{ top:96px; left:116px; }

#selector.rectangle fieldset#rectangle{ display:block; background-image:url(../img/shapes/rectangle.png); }
#selector.rectangle fieldset#rectangle label#rectangleLengthALabel{ top:78px; left:93px; }
#selector.rectangle fieldset#rectangle label#rectangleLengthBLabel{ top:182px; left:246px; }

#selector.trapezium fieldset#trapezium{ display:block; background-image:url(../img/shapes/trapezium.png); }
#selector.trapezium fieldset#trapezium label#trapeziumLengthALabel{ 	top:21px; left:247px; }
#selector.trapezium fieldset#trapezium label#trapeziumLengthBLabel{ 	top:168px; left:247px; }
#selector.trapezium fieldset#trapezium label#trapeziumLengthCLabel{ 	top:97px; left:146px; }

#selector.pSection fieldset#pSection{ display:block; background-image:url(../img/shapes/pSection.png); }
#selector.pSection fieldset#pSection label#pSectionLengthALabel{ top:182px; left:218px; }
#selector.pSection fieldset#pSection label#pSectionLengthBLabel{ top:97px; left:56px; }
#selector.pSection fieldset#pSection label#pSectionLengthCLabel{ top:19px; left:137px; }
#selector.pSection fieldset#pSection label#pSectionLengthDLabel{ top:140px; left:375px; }

#selector.straightU fieldset#straightU{ display:block; background-image:url(../img/shapes/straightU.png); }
#selector.straightU fieldset#straightU label#straightULengthALabel{ top:177px; left:220px; }
#selector.straightU fieldset#straightU label#straightULengthBLabel{ top:97px; left:159px; }
#selector.straightU fieldset#straightU label#straightULengthCLabel{ top:19px; left:220px; }
#selector.straightU fieldset#straightU label#straightULengthDLabel{ top:152px; left:276px; }

#selector.roundU fieldset#roundU{ display:block; background-image:url(../img/shapes/roundU.png); }
#selector.roundU fieldset#roundU label#roundULengthALabel{ top:177px; left:214px; }
#selector.roundU fieldset#roundU label#roundULengthBLabel{ top:96px; left:163px; }
#selector.roundU fieldset#roundU label#roundULengthCLabel{ top:19px; left:214px; }
#selector.roundU fieldset#roundU label#roundULengthDLabel{ top:156px; left:271px; }

#selector.tProfile fieldset#tProfile{ display:block; background-image:url(../img/shapes/tProfile.png); }
#selector.tProfile fieldset#tProfile label#tProfileLengthALabel{ 	top:13px; left:217px; }
#selector.tProfile fieldset#tProfile label#tProfileLengthBLabel{ 	top:42px; left:343px; }
#selector.tProfile fieldset#tProfile label#tProfileLengthCLabel{ 	top:97px; left:96px; }
#selector.tProfile fieldset#tProfile label#tProfileLengthDLabel{ 	top:184px; left:217px; }

#selector.lProfile fieldset#lProfile{ display:block; background-image:url(../img/shapes/lProfile.png); }
#selector.lProfile fieldset#lProfile label#lProfileLengthALabel{ 	top:10px; left:122px; }
#selector.lProfile fieldset#lProfile label#lProfileLengthBLabel{ 	top:155px; left:355px; }
#selector.lProfile fieldset#lProfile label#lProfileLengthCLabel{ 	top:97px; left:80px; }
#selector.lProfile fieldset#lProfile label#lProfileLengthDLabel{ 	top:187px; left:217px; }

#selector.dProfile fieldset#dProfile{ display:block; background-image:url(../img/shapes/dProfile.png); }
#selector.dProfile fieldset#dProfile label#dProfileLengthALabel{ 	top:178px; left:218px; }
#selector.dProfile fieldset#dProfile label#dProfileLengthBLabel{ 	top:97px; left:145px; }

#selector.dProfile2 fieldset#dProfile2{ display:block; background-image:url(../img/shapes/dProfile2.png); }
#selector.dProfile2 fieldset#dProfile2 label#dProfile2LengthALabel{ 	top:175px; left:230px; }
#selector.dProfile2 fieldset#dProfile2 label#dProfile2LengthBLabel{ 	top:97px; left:85px; }

#selector.openDProfile fieldset#openDProfile{ display:block; background-image:url(../img/shapes/openDProfile.png); }
#selector.openDProfile fieldset#openDProfile label#openDProfileLengthALabel{ 	top:178px; left:218px; }
#selector.openDProfile fieldset#openDProfile label#openDProfileLengthBLabel{ 	top:97px; left:145px; }
#selector.openDProfile fieldset#openDProfile label#openDProfileLengthCLabel{ top:37px; left:290px; }

#selector.openDProfile2 fieldset#openDProfile2{ display:block; background-image:url(../img/shapes/openDProfile2.png); }
#selector.openDProfile2 fieldset#openDProfile2 label#openDProfile2LengthALabel{ 	top:175px; left:218px; }
#selector.openDProfile2 fieldset#openDProfile2 label#openDProfile2LengthBLabel{ 	top:97px; left:73px; }
#selector.openDProfile2 fieldset#openDProfile2 label#openDProfile2LengthCLabel{ 	top:58px; left:350px; }

#selector.hProfile fieldset#hProfile{ display:block; background-image:url(../img/shapes/hProfile.png); }
#selector.hProfile fieldset#hProfile label#hProfileLengthALabel{ 	top:80px; left:283px; }
#selector.hProfile fieldset#hProfile label#hProfileLengthBLabel{ 	top:177px; left:180px; }
#selector.hProfile fieldset#hProfile label#hProfileLengthCLabel{ 	top:151px; left:218px; }
#selector.hProfile fieldset#hProfile label#hProfileLengthDLabel{ 	top:82px; left:150px; }

#selector.eProfile fieldset#eProfile{ display:block; background-image:url(../img/shapes/eProfile.png); }
#selector.eProfile fieldset#eProfile label#eProfileLengthALabel{ 	top:183px; left:205px; }
#selector.eProfile fieldset#eProfile label#eProfileLengthBLabel{ 	top:156px; left:303px; }
#selector.eProfile fieldset#eProfile label#eProfileLengthCLabel{ 	top:139px; left:337px; }
#selector.eProfile fieldset#eProfile label#eProfileLengthDLabel{ 	top:49px; left:316px; }
#selector.eProfile fieldset#eProfile label#eProfileLengthELabel{ 	top:16px; left:212px; }
#selector.eProfile fieldset#eProfile label#eProfileLengthFLabel{ 	top:97px; left:103px; }
/*
	// SHAPES AND INPUT FIELDS
*/

/*
	// FIELDSET SHAPE
*/


/*
	FREE DRAWING
*/
#free div{
	margin-left:5px;
	margin-bottom:5px;
	display:block;
	float:left;
}

#free div#flashContent{
	border:2px solid #0064AE;
	margin-top:auto;
	margin-right:20px;
	
	width:200px;
	height:200px;
}

#free div div{
	display:block;
	
	clear:both;
}

#free div div h3{}

#free div div span{
	padding-top:0.5em;
	padding-bottom:0.5em;
	
	font-weight:bold;
	
	color:#28B4E4;
	
	width:15em;
	
	float:left;
}

#free div button{
	border:0; margin:0;
	padding-top:0.5em;
	
	width:auto;

	text-align:left;
	
	background-color:#FFF;
}

#free div button em{ font-style:normal; }

#free div button:hover{ cursor:pointer; }

#free div button:hover em{ text-decoration:underline; }

#free div div.manual{
	margin-top:10px;
	
	width:500px;
}

#free div div.manual p{
	margin-bottom:5px;
	color:#999;
}

#free div#brushSize button{ padding-right:5px; }

#free div#brushType button{}

#free button#reset{
	border:0; margin:0;
	padding-top:0.2em;
	padding-bottom:0.2em;
	
	width:75px;
	
	background-color:#0064AE;
	
	position:absolute;
	
	bottom:-14px;
	left:134px;
}

#free button#reset em{
	font-style:normal;	
	color:#FFF;
}

#free button#reset:hover,
#free button#reset:hover em{
	font-weight:bold;
	cursor:pointer;
}

#x50, #x40, #x30, #x20, #x10,
#y50, #y40, #y30, #y20, #y10{
	display:none;
}

/*
	ACTIVE LINKS
*/
#free div div.button2mm #button2mm{ font-weight:bold; }
#free div div.button3mm #button3mm{ font-weight:bold; }
#free div div.button4mm #button4mm{ font-weight:bold; }
#free div div.button5mm #button5mm{ font-weight:bold; }
#free div div.button6mm #button6mm{ font-weight:bold; }

#free div div.roundBrushButton #roundBrushButton{ font-weight:bold; }
#free div div.squareBrushButton #squareBrushButton{ font-weight:bold; }

#free div div.buttonProfile1 #buttonProfile1{ font-weight:bold; }
#free div div.buttonProfile2 #buttonProfile2{ font-weight:bold; }
#free div div.buttonProfile3 #buttonProfile3{ font-weight:bold; }
#free div div.buttonProfile4 #buttonProfile4{ font-weight:bold; }
#free div div.buttonProfile5 #buttonProfile5{ font-weight:bold; }

#free .x{
	position:absolute;
	top:-17px;
	left:100px;
	color:black;
}

#free .y{
	position:absolute;
	top:91px;
	left:210px;
	color:black;
}

#free div div.buttonProfile1 #x10,
#free div div.buttonProfile1 #y10,
#free div div.buttonProfile2 #x20,
#free div div.buttonProfile2 #y20,
#free div div.buttonProfile3 #x30,
#free div div.buttonProfile3 #y30,
#free div div.buttonProfile4 #x40,
#free div div.buttonProfile4 #y40,
#free div div.buttonProfile5 #x50,
#free div div.buttonProfile5 #y50{ display:block; }

/*
	// FREE DRAWING
*/




/*
	APPTOOLBAR
*/
#appToolbar{
	display:block;
	
	padding:8px 12px;
	
	overflow:auto;
	
	height:55px;
   
   background:url(../img/appToolBar.png) right bottom no-repeat;
   background-color:#0064AE;
}

#administrator{
  float:left;
}

#administrator button{
	border:0; padding:0; margin:0;
	
	width:auto;
	
	background-color:#0064ae;
	
	margin-left:6px;
}

#administrator button em{
	font-style:normal;
	color:white;
}

#administrator button:hover{
	cursor:pointer;
}

#administrator button:hover em{
	text-decoration:underline;
}


/*
	DESIGN NAME SELECT
*/
#profileOptions{
	margin-top:40px;
	
  	float:right;
}

#profileOptions div#designNameSelect{
	border-top:2px solid #75736E;
	border-left:2px solid #75736E;
	border-right:2px solid #F2F0EE;
	border-bottom:2px solid #F2F0EE;
	
	padding:0;
	
	float:left;
	
	width:174px;
	height:14px;
	
	background:url(../img/selectButton.png) 158px 0px no-repeat;
}

#profileOptions div#designNameSelect:active{
	background:url(../img/selectButton.png) 158px -14px no-repeat;
}

#profileOptions div#designNameSelect input{
  border:0;
  padding-left:5px;
  width:153px;
}
/*
	// DESIGN NAME SELECT
*/


/*
	APPTOOLBAR BUTTONS
*/

#profileOptions button{
	border:1px solid #FFF;
	padding-bottom:5px;
	
	margin-left:5px;
	margin-right:15px;
	
	background-color:#0064AE;
	
	text-align:center;
	
	height:18px;
	width:150px;
}

#profileOptions button em{
	color:#FFF;
	font-style:normal;
}

#profileOptions button:hover{
  cursor:pointer;
}

#profileOptions button:hover em{
	font-weight:bold;
}

#profileOptions #deleteButton{
	margin-left:15px;
	margin-right:5px;
}

#profileOptions #offerRequestButton{
	margin-left:0;
	margin-right:0;
}
/*
	// APPTOOLBAR BUTTONS
*/


#designs{
	display:block;
	
	position:relative;
}

#designs ul{
	border:1px solid black;
	margin:0; padding:0;
	margin-top:18px;
	
	list-style:none;
	
	background-color:#FFF;
	
	width:178px;
	
	position:absolute;
	
	display:none;
}

#designs ul li{
	border:0; margin:0; padding:0;
	padding-left:5px;
}

#designs ul li a{
	border:0; margin:0; padding:2px;
	
	text-decoration:none;
	
	display:block;
}

#designs ul li a em{
	font-style:normal;
}

#designs ul li:hover{
	background-color:#0A246A;
	
	
}

#designs ul li:hover a{
	color:#FFF;
	
	cursor:default;
}



/*
	// APPTOOLBAR
*/

/*
	Footer
*/
#appFooter{
	padding:5px;
	text-align:center;
	
	color:#666;
	
	font-weight:normal;
}
/*
	// Footer
*/

/*
	FIELDSET RESULTS
*/
#materialPrices{
	width:780px;
}

#materialPrices table{
  text-align:left;
}

#materialPrices table thead{ }
#materialPrices table thead tr{ }

#materialPrices table thead tr th{
  padding:5px;
  color:white;
  background-color:#0064ae;
  text-align:right;
}

#materialPrices table thead tr th.head{
	width:175px;
}

#materialPrices table tbody{ }
#materialPrices table tbody tr{ }

#materialPrices table tbody tr td{
  color:#000;
  text-align:right;
}

#materialPrices table tbody tr th{
  color:white;
  background-color:#0064ae;
  text-align:right;
}

#materialPrices table tbody tr th input{
  border:0;
  width:7em;
  background-color:#0064ae;
  color:#FFF;
  text-align:right;
}

#materialPrices table tbody tr td input{
	border:0;
	width:7em;
	text-align:right;
}
/*
	// FIELDSET RESULTS
*/


/*
	SITETOOLBAR
*/
#siteToolbar{
	height:2.8em;
	
	background-color:#0064AE;
}

#siteToolbar ul{
	margin:0; padding:0; border:0;
	
	list-style-type:none;
	
	list-style-image:none;
}

#siteToolbar #unsortedList{
	margin:0 auto;
	
	width:800px;
}

#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;
	
	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 ul li{
	display:block;
	line-height:2em;
}

#quickLinks div table tbody tr td{
	vertical-align:top;
}

#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;
	cursor:pointer;
}

#siteToolbar #userDetails button em{
	font-style:normal;
	
	color:#FFF;
}
#siteToolbar #userDetails button:hover,
#siteToolbar #userDetails button:hover em{
	text-decoration:underline;
}
/*
	// SITETOOLBAR
*/


/*
  warning
*/
.warning{
  position:absolute;
  left:750px;
  top:100px;
  
  display:block;
  
  width:240px;
}

.warning h2{
  display:block;
  
  padding:10px 10px;
  height:auto;
  
  overflow:auto;
  
  border:4px solid red;
  
  text-align:center;
  background-color:white;
}

.warning h2 em{
  display:block;
  font-weight:bold;
  font-size:12px;
  font-style:normal;
  color:red;
}


/*
	myDetails
*/
#myDetails{
	position:absolute;
	
	top:0px;
	left:0px;

	width:100%;
	height:100%;
	
	z-index:2;
}

#myDetails iframe{
	border:5px solid #0064ae;
	margin:0 auto; padding:0;
	
	margin-top:100px;
	
	width:600px;
	height:540px;
	
	background-color:#FFF;
	
	display:block;
	
	overflow:hidden;
}


/*
	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
*/


	body.loading{ cursor:wait; }
	body.loading #application *{ cursor:wait; }
	body.loading #shape #free{ cursor:wait; }
	body.loading fieldset#selectMaterial button:hover{ cursor:wait; }
	body.loading #profileOptions button:hover{cursor:wait; }
	body.loading #free button#reset:hover{ cursor:wait; }