.wrap1jsf{float:left;padding: 20px 10px 20px 20px;margin: 20px 10px 20px 10px;width:450px; min-height:500px; display:block; text-align:left;background-color:#fff;}
.wrap2jsf{float:left;width:300px;text-align:left;}
.wrap3jsf{float:left;padding: 0px 20px 0px 20px;margin: 0px 10px 0px 0px;width:400px;text-align:left;}
.wrap4jsf{float:left;padding: 0px 20px 0px 20px;margin: 0px 10px 0px 0px;width:180px;text-align:left;}
.wrap2jsf input[type="text"] {
    width: 300px;
    display: block;
    margin-bottom: 10px;
}

.wrap4jsf input[type=number] {
    height: 28px;
    line-height: inherit;
    width:70px;
}
.wrap2jsf input[type="button"] {
    color:#08233e;
    font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
    font-size:110%;
    padding:5px;
    background-color:rgba(255,204,0,1);
    border:1px solid #ffcc00;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border-bottom:1px solid #9f9f9f;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    cursor:pointer;
    display:block;
    width:100%;
}

.wrap2jsf  input[type="button"]:hover {
    background-color:rgba(255,204,0,0.8);
}

.wrap1jsf .form-table th {
    vertical-align: top;
    text-align: left;
    padding: 20px 10px 20px 0;
    width: 200px;
    line-height: 1.0;
    font-weight: 600;
}

.wrap1jsf .form-table td {
    margin-bottom: 9px;
    padding: 10px 10px;
    line-height: 1.3;
    vertical-align: middle;
}