.screendesigner #content{
	padding: 50px 0 0 0;
}

.screendesigner #content h1{
	margin: 0;
	padding: 0;
}

.screendesigner #screendesignerContent {
	width: 980px;
	min-height: 118px;
	_height: 106px;
	margin: 0px auto;
	padding: 12px 5px 50px 5px;
	font-size: 12px;
}

.screendesigner #screendesignerContent strong{
	line-height: 18px;
}	

.screendesigner #screendesignerContent p{
	margin: 0 0 15px 0;
	padding: 0;	
	line-height: 18px;
}	

#titleScreendesigner{
	position: absolute;
	top: 33px;
	left: 822px;	
}

/* FORM */
.error{
	color: #990000;
	display: block;
	margin: 0 0 2px 0;
}	

.textfield{
	width: 230px;
	border: 1px solid #85a0cc;
	margin: 5px 0 5px 0;
}

.combo{
	width: 230px;
	border: 1px solid #85a0cc;
	margin: 5px 0 5px 0;
	color: #85a0cc;
}

.comboLarge{
	width: 345px;
	border: 1px solid #85a0cc;
	margin: 5px 0 5px 0;
	color: #85a0cc;	
}

.button{
	/*margin: 5px 0 5px 0;*/
}	

/* STEP */
a.start{
	display: block;
	height: 30px;
	width: 182px;
	background-image: url("../images/btn_start_screendesigner.gif");
	background-repeat: no-repeat;
	margin: 20px 0 50px 0;
}	

a.start:hover{
	background-position: left bottom;
}	

a.start strong{
	display: none;	
}	

.step0 #block1{
	width: 348px;
	float: left;
	padding-top: 22px;
}

.step0 #block2{
	width: 348px;
	float: left;
}

/* STEPS */
div#navSteps{
	position: absolute;
	top: 55px;
	right: 0px;
	width: 123px;
	height:17px;
	background-image: url("../images/step.gif");
	background-repeat: no-repeat;
	padding-left: 40px;
}

div#navSteps .step{
	float: left;
	margin: 0 7px 0 7px;
}

#navSteps a{
	display: block;	
	height: 12px;
}	

#navSteps a strong{
	display: none;	
}	

a.step1{
	width: 6px;
	background-image: url("../images/steps/number_1_on.gif");
	background-repeat: no-repeat;
}
a.step1.selected{background-image: url("../images/steps/number_1_selected.gif");}

a.step2{
	width: 12px;
	background-image: url("../images/steps/number_2_on.gif");
	background-repeat: no-repeat;
}
a.step2.selected{background-image: url("../images/steps/number_2_selected.gif");}

a.step3{
	width: 12px;
	background-image: url("../images/steps/number_3_on.gif");
	background-repeat: no-repeat;
}
a.step3.selected{background-image: url("../images/steps/number_3_selected.gif");}

a.step4{
	width: 11px;
	background-image: url("../images/steps/number_4_on.gif");
	background-repeat: no-repeat;
}
a.step4.selected{background-image: url("../images/steps/number_4_selected.gif");}

a.step5{
	width: 11px;
	background-image: url("../images/steps/number_5_on.gif");
	background-repeat: no-repeat;
}
a.step5.selected{background-image: url("../images/steps/number_5_selected.gif");}

/* STEP 1 */
div.step1 .inputRadio{
	float: left;
}

.step1 #block1{
	width: 325px;
	float: left;
	padding-top: 22px;
}

.step1 #block2{
	width: 335px;
	float: left;
	padding-top: 22px;
}

div#articleCodeContent,
div#productGroupContent,
div#productPreferencesContent,
#submitStep1{
	display: none;
}

.searchButton{
	display: block;
	background-image: url("../images/btn_search.gif");
	background-repeat: no-repeat;
	width: 89px;
	height: 30px;
}

a.searchButton:hover{
	background-position: left bottom;
}	

.searchButton strong{
	display: none;	
}	

.searchShowResults{
	display: block;
	background-image: url("../images/btn_show_results.gif");
	background-repeat: no-repeat;
	width: 127px;
	height: 30px;
}

a.searchShowResults:hover{
	background-position: left bottom;
}	

.searchShowResults strong{
	display: none;	
}

/* STEP 2 */
.step2 #block1{
	width: 377px;
	float: left;
	padding-top: 22px;
}

.step2 #block2{
	width: 485px;
	float: left;
	padding-top: 22px;
}

.format{
	background-image: url("../images/formaat.gif");
	width: 88px;
	height: 90px;
	padding: 10px 0 0 12px; 
}

/* STEP 3 */
.step3 #block1{
	width: 340px;
	float: left;
	padding-top: 22px;
}

.step3 #block2{
	width: 630px;
	float: left;
	padding-top: 2px;
	background-image: url("../images/step3_right_bg.gif");
	background-repeat: no-repeat;
	height: 540px;
	position: relative;
}

.saveYourScreenButton{
	display: block;
	background-image: url("../images/btn_save_your_screen.gif");
	background-repeat: no-repeat;
	width: 157px;
	height: 30px;
}

a.saveYourScreenButton:hover{
	background-position: left bottom;
}	

.saveYourScreenButton strong{
	display: none;	
}

.calculateValuesButton{
	float: left;
	display: block;
	background-image: url("../images/btn_calculate.gif");
	background-repeat: no-repeat;
	width: 68px;
	height: 25px;
	margin: 10px 10px 0 230px;
}

a.calculateValuesButton:hover{
	background-position: left bottom;
}	

.calculateValuesButton strong{
	display: none;	
}

.resetButton{
	float: left;
	display: block;
	background-image: url("../images/btn_reset.gif");
	background-repeat: no-repeat;
	width: 68px;
	height: 25px;
	margin-top: 10px;
}

a.resetButton:hover{
	background-position: left bottom;
}	

.resetButton strong{
	display: none;	
}

#legenda{
	margin-top: 190px;
}

/* STEP 4 */
.saveScreenOptionsButton{
	display: block;
	background-image: url("../images/btn_save_screen_options.gif");
	background-repeat: no-repeat;
	width: 177px;
	height: 30px;
}

a.saveScreenOptionsButton:hover{
	background-position: left bottom;
}	

.saveScreenOptionsButton strong{
	display: none;	
}

#screenSurfaceChoises{
	display: none;
}

#screenSurfaceChoises img{
	margin: 0 5px 0 5px;
	cursor: pointer;
}

#screenSurfaceNoChoise{
	display: none;	
}	

/* STEP 5 */
.createPDFButton{
	display: block;
	background-image: url("../images/btn_create_pdf.gif");
	background-repeat: no-repeat;
	width: 117px;
	height: 30px;
	margin-top: 3px;
}

a.createPDFButton:hover{
	background-position: left bottom;
}	

.createPDFButton strong{
	display: none;	
}

#clothtypes,
#selectCaseColorCode,
#selectCaseColor{
	display: none;	
}	

#other_color{
	float: left;
	margin-right: 5px;	
}	

#selectCaseColorCode{
	float: left;	
}	

.otherLabel{
	margin: 3px 2px 2px 0px;	
}	

/* CODE FROM OLD SCREENDESIGNER */
INPUT.small {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	WIDTH: 50px;
	MARGIN: 3px 0px;
	COLOR: #0c4299;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 1px solid Black;
}

DIV#electric{
	position: relative;
	margin-top: 7px;
	_margin-top: 0px;
	margin-left: 35px;
  	background-image:url(../images/electric_left.jpg);
	background-repeat: no-repeat;
  	DISPLAY: block;
 	height: 450px;
  	width: 618px;  	
}

DIV#manual{
	position: relative;
	margin-top: 7px;
	_margin-top: 0px;
	margin-left: 35px;
  	background-image:url(../images/manual_left.jpg);
	background-repeat: no-repeat;
  	DISPLAY: block;
 	height: 450px;
  	width: 618px;
}

DIV#proscreen{
	position: relative;
	margin-top: 7px;
	_margin-top: 0px;
	margin-left: 35px;
  	background-image:url(../images/proscreen.jpg);
	background-repeat: no-repeat;
  	DISPLAY: block;
 	height: 450px;
  	width: 618px;
}

DIV#fixed{
	position: relative;
	margin-top: 7px;
	_margin-top: 0px;
	margin-left: 35px;
  	background-image:url(../images/fixed.jpg);
	background-repeat: no-repeat;
  	DISPLAY: block;
 	height: 450px;
  	width: 618px;
}

DIV#elproLarge{
	position: relative;
	margin-top: 7px;
	_margin-top: 0px;
	margin-left: 35px;
  	background-image:url(../images/elpro_left.jpg);
	background-repeat: no-repeat;
  	DISPLAY: block;
 	height: 450px;
  	width: 618px;  	
}

DIV#decender{
	position: relative;
	margin-top: 7px;
	_margin-top: 0px;
	margin-left: 35px;
  	background-image:url(../images/descender_left.jpg);
	background-repeat: no-repeat;
  	DISPLAY: block;
 	height: 450px;
  	width: 618px;  	
}

div.electricSwitchSideLeft{
	position: absolute;
	left: 20px;
	top: 65px;
	_top: 62px;
	width:50px;
}

DIV#decender div.electricSwitchSideLeft{
	top:53px;
	_top:51px;	
}	

div.electricSwitchSideLeft input {
	margin: 1px 0 0 3px;
}

div.electricSwitchSideRight{
	position: absolute;
	left: 500px;
	top: 65px;
	_top: 62px;
	width:50px;
}

DIV#decender div.electricSwitchSideRight{
	top:53px;
	_top:51px;	
}

div.electricSwitchSideRight input {
	margin: 1px 0 0 3px;
}

DIV.electricdiagonal{
	position: absolute;
	left: 240px;
	top: 223px;
	_top: 220px;
	width:60px;
	background-color: #FFFFFF;
}

DIV.electricfabricwidth{
	position: absolute;
	left: 240px;
	top: 409px;
	_top: 406px;
}

DIV.electricoverallwidth{
	position: absolute;
	left: 240px;
	top: 432px;
	_top: 429px;
}

DIV.electricVAH{
	position: absolute;
	left: 480px;
	top: 238px;
	_top: 233px;
}

DIV.electricbottom{
	position: absolute;
	left: 480px;
	top: 388px;
	_top: 383px;
}

DIV.electricblackdrop{
	position: absolute;
	left: 490px;
	top: 105px;
	_top: 100px;
}


DIV.electricVAW{
	position: absolute;
	left: 240px;
	top: 384px;
	_top: 379px;
}

DIV.electricoveralllengthcase{
	position:absolute;
	left:235px;
	top:5px;
	_top:0px;
}

DIV.electricoveralllengthcaseflange{
	position: absolute;
	left:235px;
	top:27px;
	_top:22px;
}

DIV.electricoverallheight{
	position: absolute;
	left: 530px;
	top: 225px;
	_top: 220px;
}

DIV.electricborder{
	position: absolute;
	left: 17px;
	top: 383px;
	_top: 278px;
}

div.tip{
	position: absolute;
	left:5px;
	top:23px;
	background-color: #FFFFE1;
	padding: 2px 5px 2px 5px;
	border: 1px solid black;
	visibility : hidden;
}

div#tipVAH{
	width: 150px;
}

div#tipBottom{
	width: 150px;
}

div#tipVAW{
	width: 150px;
}

div#tipBlackdrop{
	width: 160px;
	z-index: 340;
}

div#tipBorder{
	width: 108px;
	z-index: 40;
}

div#reverseMountable{
	display: none;
	margin-bottom: 20px;
}


