input, textarea, select 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    
    border: 1px solid #A3D3ED;
    
    padding: 2px;
}

select 
{
    padding: 1px 2px 1px 2px;
}

input[type=radio], input[type=checkbox] 
{
    border: 0px;
}

input[readonly]
{
    background: transparent;
}

input:focus, textarea:focus 
{ 
    background: #dbedfe; 
}

input[readonly]:focus, textarea[readonly]:focus 
{
    background: transparent;
}

.button, .button-disabled
{
    color: #000;
    font-weight: bold;
    background: #CEE1EF;
    
    border: 1px solid #80b5d0;
    -moz-border-radius: 3px;
    
    display: block;
    float: left;
    
    margin-right: 10px;
    padding: 5px 10px;
}

button.button
{
    cursor: pointer;
    padding: 2px 7px 4px 7px;
}

*+html button.button, * html button.button
{
    overflow: visible;
    cursor: pointer;
    padding: 4px 7px 2px 7px;
}

.button:hover
{
    border: 1px solid #328ab2; 
    color: #d54e21;
}

button.button-small
{
    color: #000;
    font-weight: bold;
    background: #CEE1EF;
    
    border: 1px solid #80b5d0;
    -moz-border-radius: 3px;
    
    cursor: pointer;
    padding: 0px 10px 1px 10px;
}

*+html button.button-small, * html button.button-small
{
    overflow: visible;
    cursor: pointer;
    padding: 2px 7px 0px 7px;
}

.validate
{
    background: #FFB7B7;
    color: #000;
    border: 1px solid #FF0000;
}

.validate:hover
{
    border: 1px solid #d54e21; 
    color: #d54e21;
}

.form-table
{
    width: 100%;
}

.form-table td
{
    padding: 5px;
}

.form-table td.label
{
    width: 180px;
    padding-top: 8px;
}

.form-table td.label i
{
    color: #888888;
    display: block;
    margin-top: 5px;
}

.error
{
    color: #ff0000;
    font-weight: bold;
    font-size: 10px;
    background: url(/img/arrow-error.gif) 5px 8px no-repeat;

    padding: 5px 5px 5px 15px;
}

.form-content
{
    text-align: left;
    padding: 10px;
    border: 1px solid #CFD7DD;
}