#me { position: absolute; left: 0px; top: 0; width: 102%; height: 130; display: block; background-repeat: no-repeat; padding-top: 15px; padding-left: 10px; border:none;}
#footer { position: absolute; top: 760; left: 0; margin: 0 1em; border: 1px solid silver; border-left: 0; border-right: 0; padding: 7; bottom: 0; width: 96%; }
#texthead { position: absolute; top: 5; left: 0; width: 400; } 

#texthead2 { position: absolute; top: 0; left: 0; width: 400; }
#emp { position: absolute; top: 30; left: 0; width: 500  } 
#dates { position: absolute; top: 30; left: 10;  } 
#input1 { position: absolute; top: 5; left: 0;  } 
#text1 { position: absolute; top: 5; left: 0; width: 200; } 
#input1-1 { position: absolute; top: 5; left: 230;  } 
#input1-2 { position: absolute; top: 5; left: 280; } 
#input1-3 { position: absolute; top: 5; left: 330;  }
#top { position: absolute; left: 0px; top: 0; width: 102%; height: 65; display: block; background-color: #8EA3E6; padding-top: 0px; padding-left: 10px;}
#main { position: absolute; left: 0px; top: 60; width: 102%; height: 530; padding-top: 10px; padding-left: 10px;}
#input2 { position: absolute; top: 30; left: 0; width: 500  } 
#text2 { position: absolute; top: 5; left: 0; width: 200; } 
#input2-1 { position: absolute; top: 5; left: 230;  } 
#input2-2 { position: absolute; top: 5; left: 280; } 
#input2-3 { position: absolute; top: 5; left: 330;  }

#input3 { position: absolute; top: 55; left: 0; width: 500  } 
#text3 { position: absolute; top: 5; left: 0; width: 200; } 
#input3-1 { position: absolute; top: 5; left: 230;  } 
#input3-2 { position: absolute; top: 5; left: 280; } 
#input3-3 { position: absolute; top: 5; left: 330;  }

#pay { position: absolute; top: 115; left: 10;  }
#input4-1 { position: absolute; top: 0; left: 223; width: 500  } 
#text4 { position: absolute; top: 1; left: 0; width: 500; } 
#text4-1 { position: absolute; top: 0; left: 330; width: 500; } 
#text4-2 { position: absolute; top: 20; left: 330; width: 500; } 
#text4-3 { position: absolute; top: 0; left: 400; width: 500; } 
#text4-4 { position: absolute; top: 20; left: 400; width: 500; } 
#text4-5 { position: absolute; top: 0; left: 290; width: 500; } 


#days { position: absolute; top: 160; left: 10; width: 500  } 
#text5 { position: absolute; top: 5; left: 0; width: 200; } 
#input5-1 { position: absolute; top: 5; left: 330;  } 

#owed { position: absolute; top: 220; left: 0; width: 500  } 

#arrears { position: absolute; top: 20; left: 10; width: 500  } 
#text6 { position: absolute; top: 5; left: 0; width: 300; } 
#input6-1 { position: absolute; top: 0; left: 330;  } 

#holiday { position: absolute; top: 40; left: 10; width: 500  } 
#text7 { position: absolute; top: 5; left: 0; width: 300; } 
#input7-1 { position: absolute; top: 0; left: 330;  } 
#help7 { position: absolute; top: 0; left: 375;  }

#earn { position: absolute; top: 60; left: 10; width: 500  } 
#text8 { position: absolute; top: 5; left: 0; width: 300; } 
#input8-1 { position: absolute; top: 10; left: 323;  } 

#redundancy { position: absolute; top: 100; left: 10; width: 500  } 
#text9 { position: absolute; top: 5; left: 0; width: 300; } 
#input9-1 { position: absolute; top: 10; left: 328;  } 

#notice { position: absolute; top: 140; left: 10; width: 500  } 
#text10 { position: absolute; top: 5; left: 0; width: 300; } 
#input10-1 { position: absolute; top: 0; left: 328;  } 
#text10-1{ position: absolute; top: 35; left: 0; width: 300; } 
#input10-2 { position: absolute; top: 30; left: 330;  } 

#buttons{ position: absolute; top: 350; left: 10; width: 800;display:none }
#calc { position: absolute; top: 2; left: 500; width: 500  }
#reset { position: absolute; top: 2; left: 630; width: 500  }
#buttoninstr{ position: absolute; top: 80; left: 0; width: 590; display:none;}
#arrow { position: absolute; background-repeat: no-repeat; top: 5; left: 585; width: 50; height: 100; background-image: url("arrow.gif"); display: none; }
#output { position: absolute; top: 440; left: 0; width: 98%; height: 300; background-color: #A8B8EC; border: 1px SOLID navy;}
#outresult { position: absolute; top: 55; left: 5; width: 300; } 
#outtext1 { position: absolute; top: 5; left: 5; width: 300; } 
#outtext2 { position: absolute; top: 35; left: 5; width: 300; }
#outtext3 { position: absolute; top: 70; left: 5; width: 300; }
#outtext4 { position: absolute; top: 105; left: 5; width: 300; }
#outtext5 { position: absolute; top: 140; left: 5; width: 300; }
#outtot { position: absolute; top: 140; left: 245; height: 18; width: 60; border: 1px SOLID navy;border-left: none; border-right: none;}
#output1 { position: absolute; top: 5; left:245; width: 300; } 
#output2 { position: absolute; top: 35; left: 245; width: 300; }
#output3 { position: absolute; top: 70; left: 245; width: 300; }
#output4 { position: absolute; top: 105; left: 245; width: 300; }
#output5 { position: absolute; top: 140; left: 245; width: 300; }
#outputtitle { position: absolute; top: 5; left: 0; width: 100%; }
#otheroutput { display: none; position: absolute; top: 600; left: 450; width: 500  }

#detail { display: none; position: absolute; bottom: 0; left: 5; width: 98%;  height: 50; }
#detailbut { display: none;position: absolute; bottom: -20; left: 90; width: 98%;  height: 50; }
.outlabel {  color: navy; font: bold 10pt verdana; text-align: center;}
.label {  color: black; font: 8pt verdana; text-align: left;}
.instruct {  color: navy; font: bold 11pt verdana; text-align: left;}
.outputtext { color: navy; font: 8pt verdana; text-align: left;}
.button {color: #3F3FFF;  width: 100;  background-color: #A8B8EC; text-decoration: none; font: bold 10pt verdana;  border: 1px SOLID #3F3FFF; cursor: hand;}
.button2 {  color: navy; background-color: red; width: 240; text-decoration: none; font: bold 10pt verdana; text-align: left; cursor: hand; border: 1px none #B7B7FF; display: none; }
.button3 {color: red;  background-color: #A8B8EC; text-decoration: none;  font: bold 10pt verdana;
 border: 1px none #A8B8EC;  cursor: hand; text-align: left; }
.button4 {color: navy;  background-color: #A8B8EC;  width: 230; text-decoration: none; font:  10pt verdana; border: 1px none #A8B8EC;  cursor: hand; text-align: left;}

.fresulttext { 
 font-size: 10px; 
color: navy;
 background-color: navy; 
 border: 1px solid #666666; 
text-align: left;
}
.fresultno { 
 font-size: 10px; 
color: navy;
 background-color: #A8B8EC; 
 border: 1px none black; 
text-align: right;
}
.fresultnote { 
color: #8282FF;
font: 6pt arial;
 background-color: #DDDDFF; 
 border: 1px none #666666; 
text-align: left;
}
.RINPUT { 
 font-size: 9px; 
 color: navy;
 background-color: #DBE2F7
; 
 border: 1px SOLID #B7B7FF; 
text-align: CENTER;
}
.RINPUT2 { 
 font-size: 9px; 
 color: #8282FF;
 background-color: #B7B7FF; 
 border: 1px SOLID #666666; 
text-align: CENTER;
}
.normal2 { 
 color: black;
font: 10pt verdana;
text-align: left;
}
.ROUTPUT { 
 font-size: 12px; 
 color: RED;
 background-color: #B7B7FF; 
 border: 1px SOLID #666666; 
text-align: CENTER;
}