/* Form related Styles */

table.form {
    border: 1px solid red;
    padding: 2px;
    margin: 0;
}

th.label {
    vertical-align: top;
    text-align: left;
    padding:5px;
}

.error_list li {
    color: red;
}

input, textarea, select
{
    /* font-family:Tahoma,Arial,san-serif; */
    /* font-size:11px; */
    padding:1px 2px;
}

input.button {
    background:url("../images/src/slim_b_l.png") no-repeat scroll -5px 0 transparent;
    border:medium none;
    color:white;
    font-weight:bold;
    height:16px;
    padding:0 6px 2px;
    cursor: pointer;
}
input.button_icon {
    background:url('../images/icons/profile-enquire3.png') no-repeat scroll -5px 0 transparent;
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    /*background-size:15px 15px;*/
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 20px;           /* make this the size of your image */
    padding-left: 26px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    color: #005883;
    font-weight: bold;
}

textarea.small, select.small, input.small {
    width: 120px;
}

textarea.medium, select.medium, input.medium {
    width: 190px;
}

textarea.large, select.large, input.large {
    width: 260px;
}

textarea.xlarge, select.xlarge, input.xlarge {
    width: 340px;
}

textarea.xxlarge, select.xxlarge, input.xxlarge {
    width: 415px;
}

textarea.xxxlarge, select.xxxlarge, input.xxxlarge {
    width: 515px;
}

textarea.xxxxlarge, select.xxxxlarge, input.xxxxlarge {
    width: 768px;
}

ul.radio_list li {
    float: left;
    margin-right: 4px;
}
input.preferences-intro{
    width: 400px;
}