/* -- register.css -- */

input, select, textarea
{
    padding:3px;
    font-size:1em;
    border:1px solid #cfad7c;    
}

#left
{
    height:400px;
}

#middleright
{
    float:left;
    text-align:left;
    padding: 20px 0 0 0;
    width:789px;
}

#accountdetails
{
    background: #fff url(images/account_details_bg.jpg) no-repeat top left;
}

#companydetails
{
    background: #fff url(images/company_details_bg.jpg) no-repeat top left;
}

#payment
{
    background: #fff url(images/payment_bg.jpg) no-repeat top left;
}

#accountdetails,
#companydetails,
#payment
{
    width: 753px;
    min-height: 121px;
    margin-top:15px;
    padding: 39px 18px 10px 18px;
}

#accountdetails div,
#companydetails div,
#payment div
{
    clear: both;
}

#accountdetails p,
#companydetails p,
#payment p
{
    float:left;
    margin:0 0 5px 0;
    font-weight:bold;
}

img.divider
{
    width:748px;
    height:1px;
    margin:15px 0;
}

.short
{
    width:100px;
    margin:2px 16px 4px 0;
}

.mid
{
    width:232px;
    margin:2px 16px 4px 0;
}

.midend
{
    width:232px;
    margin:2px 0 4px 0;
}

.long
{
    width:493px;
    margin:2px 16px 4px 0;
}

.half
{
    width:320px;
    margin:2px 16px 4px 0;
}

.brownbox
{
    float:left;
    background-color: #d0b473;
    width:44px;
    padding:0 0 0 10px;
    margin:0 10px 0 0;
}

#regSubmit {
    margin: 0px 10px 0px 0px;
    float: left;
}

a.submit img
{
    background: #d0b473 url(images/submit.gif) no-repeat top left;
    width:73px;
    height:32px;
}
a.submit:hover img
{
    background-position: top right;
}


a.next img
{
    background: #d0b473 url(images/register-next.gif) no-repeat top left;
    width:33px;
    height:32px;
}
a.next:hover img
{
    background-position: top right;
}



.extend
{
    width:739px;
}