/**
 * html quickform layout
 */
/* Some browsers display space before and after the form. Suppress that! */
form {
    margin: 0;
    padding: 0;
}

.qf_frm, .rs_frm {
    background: rgb(240, 240, 240) url(images/bg_form.png) repeat-x;
    border: 1px solid rgb(193, 193, 203);
    padding: 15px;
}

/* body of the form, excluding hidden inputs */
.qf_bdy, .rs_bdy {
    padding: 0px 0px 0px 0px;
}

/* header element */
.qf_hdr, .rs_hdr {
    clear: both;
    width: 100%;
    font-size: 10pt;
    font-weight: bold;
    border-top: 1px solid rgb(219, 219, 219);
    padding: 15px 0 15px 0;
    /* margin-bottom screws ie5 */
    margin-top: 5px;
}


/**
 * This div is only neccessary to simulate padding in qf_header div
 * This way it works in Firefox and IE in the same way
 */
/*.qf_hdr div {
    width: 99%;
    margin-left: 1%;
}*/

.qf_hdr table {
    float: right;
    width: 50%;
}

/* all types */
.qf_text, .qf_text_table, .qf_password, .qf_textarea, .qf_fckeditor, 
.qf_submit, .qf_button, .qf_select, .qf_checkbox, .qf_group, .qf_vgroup, 
.qf_static, .qf_date, .qf_hierselect, .qf_file, .qf_savebuttons,
.qf_option_group {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}

/* for all labels, override for individual labels if neccessary */
.qf_lbl {
    float: left;
    width: 46%;
    /* only padding works in Mozilla and IE to create some space below elements
     * margin bottom does not work in Mozilla
     */
    padding-top: 4px;
}

.qf_req {
    float: left;
    width: 25px;
    w\idth: 5px;
    padding: 2px 6px 0 6px;
}

/* for all elements, override if neccessary */
.qf_elm {
    float: left;
    width: 46%;
}

/*
 * A float inside a container box does not automaticly extend the height of
 * the container to the height of the float. The floated element seems to hang
 * out of the box. Following css corrects this.
 * See: http://www.positioniseverything.net/easyclearing.html
 */
.qf_text:after, .qf_password:after, .qf_textarea:after, .qf_fckeditor:after, 
.qf_submit:after, .qf_button:after, .qf_select:after, .qf_checkbox:after, 
.qf_group:after, .qf_vgroup:after, .qf_static:after, .qf_date:after, 
.qf_hierselect:after, .qf_file:after, .qf_savebuttons:after,
.qf_option_group:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.qf_text input, .qf_password input, .qf_textarea textarea, .qf_select select, 
.qf_hierselect select, .qf_option_group textarea {
    width: 100%;
}

.qf_text_table input {
    width: 92%;
    padding: 3px;
}

.qf_text input, .qf_password input, .qf_other {
    padding: 3px;
}

.qf_select select, .qf_date select, .qf_hierselect select {
    padding: 2px 2px 2px 0px;
}

.qf_select .category {
    color: #000;
    font-weight: bold;
}

.qf_select .item {
    padding-left: 12px;
}

/* other width for button elements */
.qf_submit input, .qf_button input, .qf_reset input, .qf_button input {
/*    width: 50%;*/
}

.qf_submit .qf_lbl, .qf_submit .qf_req, .qf_button .qf_lbl, .qf_button .qf_req {
    display: none;
}

.qf_submit, .qf_button{
    padding-left: 0px;
}

.qf_savebuttons .qf_gel {
    float: left;
    width: auto;
}

#formSaveButton {
    margin-right: 6px;
}

/* text, password type */
.qf_text .qf_label, .qf_password .qf_lbl {
}

.qf_text .qf_elem, .qf_password .qf_elm {
}

/* static type */
.qf_static .qf_elm, .qf_static .qf_req {
    display: none;
}

/* textarea type */
.qf_textarea .qf_lbl, .qf_fckeditor .qf_lbl, .qf_static .qf_lbl, 
.qf_option_group .qf_lbl {
	width: auto;
	display: inline;
    padding-bottom: 2px;
}

.qf_textarea .qf_req, .qf_fckeditor .qf_req, .qf_static .qf_req,
.qf_option_group .qf_lbl {
	display: inline;
    padding-bottom: 2px;
}

.qf_textarea .qf_elm, .qf_fckeditor .qf_elm, .qf_static .qf_elm,
.qf_option_group .qf_elm {
    clear: both;
    width: 98%;
    padding-bottom: 12px;
}

.qf_textarea textarea {
    font-family: arial, helvetica, verdana, tahoma;
    padding: 3px;
}

/* checkbox type */
.qf_checkbox .qf_lbl {
}

.qf_checkbox .qf_elm {
    text-align: left;
}

/* submit type */
.qf_submit .qf_lbl {
}

.qf_submit .qf_elm {
}

/* a group of elements, TODO specify what elements (maybe) */
.qf_group .qf_elm {
    text-align: left;
}

.qf_group table {
    width: 100%;
    padding: 0px;
    text-align: center;
}

.qf_group td {
    vertical-align: top;
    padding: 0px;
}

.qf_group .qf_elb {
    width: 100%;
}

.qf_option_h:hover {
    background-color: #fdfdfd;
    cursor: pointer;
}

.qf_option_h:hover label {
    text-decoration: underline;
}

.qf_group label, .qf_group input {
    cursor: pointer;
}

/* group of elements with label above */
.qf_vgroup .qf_lbl {
    clear: both;
    width: 100%;
    padding-bottom: 2px;
}

.qf_vgroup .qf_lbl .req, .qf_rqn img {
    vertical-align: top;
    margin: 0 4px 0 4px;
}

.qf_vgroup .qf_elm {
    clear: both;
    width: 100%;
    text-align: left;
}

.qf_vgroup .qf_gel {
    clear: both;
    width: 100%;
}

.qf_vgroup .qf_elb {
    display: inline;
}

.qf_vgroup .qf_gel:hover {
    background-color: #fdfdfd;
    cursor: pointer;
}

.qf_vgroup .qf_gel:hover label {
    text-decoration: underline;
}

.qf_vgroup label, .qf_vgroup input {
    cursor: pointer;
}

.qf_option_group .qf_elb {
    display: inline;
}

#qf_option_group_dummy {
    display: none;
}

/* other quickform stuff */
.qf_rqn {
/*    display: none; */
    text-align: right;
    margin-bottom: 12px;
}

.qf_err {
    padding-top: 4px;
    padding-bottom: 4px;
    color: rgb(182, 0, 103);
    font-weight: bold;
}

/*
 * layout for results
 */
.rs_qt {
    width: 100%;
    margin-bottom: 12px;
}

.rs_qt table {
    width: 100%;
}

.rs_qlbl {
    clear: both;
    width: 100%;
}

.rs_tlbl, .rs_scr {
    width: 50%;
    padding: 0;
}

.rs_other {
    padding: 0 0 0 4px;
}

.rs_qt .oRow, .rs_qt .eRow, .rs_tlbl {
    padding-left: 4px;
}