body{
    background-color: #f0efef;
}
#all{
    background-color: white;
    width: 900px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border: 1px solid gray;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}
#subject{
    text-align: justify;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid black;
}
#signed{
    text-align: justify;
    padding-left: 35px;
    padding-right: 35px;
    min-height: 200px;  
}
#joinbox{
    position:relative; 
    float:left; 
    width:350px; 
    height:220px;
    margin-right: 30px;
 }
 #join{
    position:absolute;
    top: 0px;
    left: 0px;
    text-align: left;
    padding: 10px;  
    background-color: #f0efef;
    border: 2px solid silver;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
h1{
    font-size: 20px;
    font-family: serif;
    color:#002d85;
}
td.title{
    padding-right: 8px;
    padding-top: 13px;
    font-weight: bold;
}
input.itext{
    border: 1px solid silver;
    height: 24px;
    width: 220px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
p{
    padding-top: 8px;
    padding-left: 10px;
}
p.list{
    padding-top: 6px;
    padding-left: 25px;
}
td.date, td.number, td.summadate, td.summa{
    width: 100px;
    height: 25px;
    border-bottom: 1px solid black;
    vertical-align: middle;
    padding-left: 5px;
}
td.number, td.summa{
    width: 70px;
    text-align: right;
    padding-right: 5px;
    
}
td.summadate, td.summa{ border: 0px;}