Style.Css:
root {display: block;}
.text1 {
background: #FFFFFF;
height: 20px;
}
.main_border {
border: 2px solid #000000;
position: absolute;
top: 20px;
left: 20px;
}
input{
background: #acacac;
color: #010101;
height: 20px;
border: 2px solid #111111;
font-size: 10px;
font-weight: bold;
vertical-align: top;
width: 120px;
}
.radiobut1{
position:absolute;
top: 275px;
left: 50px;
width: 20px;
}
.radiobut2{
position:absolute;
top: 275px;
left: 100px;
width: 20px;
}
.radiobut3{
position:absolute;
top: 275px;
left: 150px;
width: 20px;
}
.radiobut4{
position:absolute;
top: 275px;
left: 200px;
width: 20px;
}
.radiobut5{
position:absolute;
top: 275px;
left: 250px;
width: 20px;
}
.input2 {
position:absolute;
top: 240px;
left:50px;
}
.input3 {
background: #acacac;
color: #010101;
height: 12px;
border: 0px;
font-size: 10px;
font-weight: bold;
vertical-align: top;
width: 50px;
}
.label1 {
position:absolute;
top: 210px;
left: 30px;
}
.label2 {
position:absolute;
top: 240px;
left: 30px;
}
.label3 {
position:absolute;
top: 280px;
left: 30px;
}
.label4 {
position:absolute;
top: 280px;
left: 80px;
}
.label5 {
position:absolute;
top: 280px;
left: 130px;
}
.label6 {
position:absolute;
top: 280px;
left: 180px;
}
.label7 {
position:absolute;
top: 280px;
left: 230px;
}
.label8 {
position:absolute;
top: 280px;
left: 280px;
}
.label9 {
position:absolute;
top: 180px;
left: 150px;
}
.table1 {
border: 2px saddlebrown;
position:absolute;
top: 500px;
left: 50px;
}
.button1 {
height: 20px;
width: 150px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 350px;
left: 100px;
}
.button2 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 50px;
}
.button3 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 80px;
}
.button4 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 110px;
}
.button5 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 140px;
}
.button6 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 170px;
}
.button7 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 200px;
}
.button8 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 230px;
}
.button9 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 260px;
}
.button10 {
height: 20px;
width: 20px;
background: #acacca;
border-color: #000000;
font-size: 10px;
font-weight: bold;
color: #111111;
font-family: Arial,Helvetica,sans-serif;
position:absolute;
top: 210px;
left: 290px;
}
.img1{
position:absolute;
top: 190px;
left: 360px;
}
.p {font-family:Verdana; font-size:12px; margin:15px;}
.left {background-color:#CCCCCC; border-right:3px solid #424242; border-top:0px;}
.middle{
font-family: "Monotype Corsiva";
font-size: 14px;
color:#cccccc;
background-color: #000000;
}
body {background-image:url(img/bg.gif)}