/*
Style Sheet for AMETEK UPS Simulation Setup Screen
Jim Doran
March 2018
*/



/********Body Properties*********/

body {
	margin: 0;
	padding: 0;
	background: url(graphics/background.png);
      }

/*******End Site Body Properties******/

/********Wrapper Properties*********/

#wrapper {
	margin: 0 auto;
	padding: 0;
	
       }

/*******End Wrapper*************/

#indexheader {
	width: 622px;
	height: 1px;
	margin: 0 auto;
        margin-top: 0px;
	background-color: #ffffff;
}

/*********Section A Properties*******/

#wholePage {
	width: 622px;
	height: 852px;
        position: absolute;
	margin-left: 0px;
        top: 1px;
	background: url(graphics/inService-1.png);
}

#section4 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 75px;
        top: 44px;
      
        opacity:0.0;
	 
}

#section4-1 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 100px;
        top: 77px;

        opacity:0.0;
   	 
}

#caution-1 {
	width: 120px;
	height: 35px;
        position: absolute;
	margin-left: 250px;
        top: 119px;


        opacity:0.0;
	 
}

#note-1 {
	width: 60px;
	height: 25px;
        position: absolute;
	margin-left: 281px;
        top: 229px;


        opacity:0.0;
	 
}

#note-1-1 {
	width: 20px;
	height: 20px;
        position: absolute;
	margin-left: 82px;
        top: 259px;


        opacity:0.0;
	 
}

#note-1-2 {
	width: 20px;
	height: 20px;
        position: absolute;
	margin-left: 82px;
        top: 280px;


        opacity:0.0;
	 
}

#step4-1-1 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 135px;
        top: 324px;


        opacity:0.0;
	 
}

#step4-1-1-bull1 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 178px;
        top: 362px;


        opacity:0.0;
	 
}

#step4-1-1-bull2 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 178px;
        top: 393px;


        opacity:0.0;
	 
}

#step4-1-1-bull3 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 178px;
        top: 424px;


        opacity:0.0;
	 
}

#step4-1-1-bull4 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 178px;
        top: 455px;


        opacity:0.0;
	 
}

#step4-1-2 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 135px;
        top: 485px;


        opacity:0.0;
	 
}

#step4-1-2-a {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 179px;
        top: 536px;


        opacity:0.0;
	 
}

#step4-1-2-b {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 179px;
        top: 582px;


        opacity:0.0;
	 
}





/****************************************************************************************/

#caution-2 {
	width: 120px;
	height: 35px;
        position: absolute;
	margin-left: 252px;
        top: 62px;


        opacity:0.0;
	 
}

#step4-1-3 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 134px;
        top: 152px;


        opacity:0.0;
	 
}

#step4-1-3-a {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 174px;
        top: 200px;


        opacity:0.0;
	 
}



#step4-1-3-b {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 174px;
        top: 245px;


        opacity:0.0;
	 
}

#step4-1-3-c {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 174px;
        top: 292px;


        opacity:0.0;
	 
}

#step4-1-4 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 134px;
        top: 324px;


        opacity:0.0;
	 
}

#note-2 {
	width: 60px;
	height: 25px;
        position: absolute;
	margin-left: 281px;
        top: 392px;


        opacity:0.0;
	 
}

#note-2-1 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 78px;
        top: 417px;


        opacity:0.0;
	 
}

#note-2-2 {
	width: 30px;
	height: 30px;
        position: absolute;
	margin-left: 78px;
        top: 464px;


        opacity:0.0;
	 
}


#step4-1-5 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 134px;
        top: 517px;


        opacity:0.0;
	 
}


#step4-1-6 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 134px;
        top: 563px;


        opacity:0.0;
	 
}


#step4-1-7 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 134px;
        top: 598px;


        opacity:0.0;
	 
}


#step4-1-8 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 134px;
        top: 633px;


        opacity:0.0;
	 
}


/****************************************************************************************/


#note-3 {
	width: 60px;
	height: 25px;
        position: absolute;
	margin-left: 279px;
        top: 60px;

        opacity:0.0;	 
}

#step4-1-9 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 139px;

        opacity:0.0;
	 
}


#step4-1-10 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 201px;

        opacity:0.0;
	 
}


#step4-1-11 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 248px;

        opacity:0.0;
	 
}


#step4-1-12 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 281px;

        opacity:0.0;
	 
}

#step4-1-12-bull1 {
	width: 25px;
	height: 25px;
        position: absolute;
	margin-left: 181px;
        top: 334px;


        opacity:0.0;
	 
}

#step4-1-12-bull2 {
	width: 25px;
	height: 25px;
        position: absolute;
	margin-left: 181px;
        top: 366px;


        opacity:0.0;
	 
}

#step4-1-12-bull3 {
	width: 25px;
	height: 25px;
        position: absolute;
	margin-left: 181px;
        top: 398px;


        opacity:0.0;
	 
}

#step4-1-13 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 423px;

        opacity:0.0;
	 
}


#step4-1-14 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 470px;

        opacity:0.0;
	 
}

#step4-1-14-a {
	width: 25px;
	height: 25px;
        position: absolute;
	margin-left: 181px;
        top: 526px;


        opacity:0.0;
	 
}



#step4-1-14-b {
	width: 25px;
	height: 25px;
        position: absolute;
	margin-left: 181px;
        top: 557px;


        opacity:0.0;
	 
}

#step4-1-14-c {
	width: 25px;
	height: 25px;
        position: absolute;
	margin-left: 181px;
        top: 589px;


        opacity:0.0;
	 
}

#step4-1-15 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 613px;

        opacity:0.0;
	 
}


#step4-1-16 {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 138px;
        top: 674px;

        opacity:0.0;
	 
}

#endSection {
	width: 150px;
	height: 40px;
        position: absolute;
	margin-left: 234px;
        top: 706px;

        opacity:0.0;
	 
}





#prevButton {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left:25px;
        top: 740px;       
	 
}

#circleButton {
	width: 133px;
	height: 40px;
        position: absolute;
	margin-left: 100px;
        top: 740px;       
	 
}

#naButton {
	width: 133px;
	height: 40px;
        position: absolute;
	margin-left: 245px;
        top: 740px;       
	 
}


#slashButton {
	width: 133px;
	height: 40px;
        position: absolute;
	margin-left: 389px;
        top: 740px;       
	 
}

#nextButton {
	width: 40px;
	height: 40px;
        position: absolute;
	margin-left: 557px;
        top: 740px;       
	 
}

#retButton {
	width: 300px;
	height: 75px;
        position: absolute;
	
	margin-left: 161px;
        top: 850px;       
	 
}