@import url(//fonts.googleapis.com/css?family=Asap:400,700italic,400italic,700);

/* --- TEXT --- */

body, body.trex {
    color: #333;
    font-family: Asap, Calibri, Arial, Verdana, Helvetica, sans-serif;
}

.trex-directive_text {
    font-size: 0.68em;
}

.trex-form_directive_text_holder {
    float: left;
    margin-left: 0.9em;
    overflow-y: auto;
    font-size: 1.2em;
}

div.trex-block_caption {
    float: left;
    line-height: 100%;
    margin-top: 0.5em;
    /*ont-size: 0.75em;*/
}

p.trex-block_caption {
    font-size: 0.86em;
    font-weight: 700;
}

div.trex-field {
    display: inline;
    float: left;
/*    font-size: 0.96em;*/
    margin-bottom: 0.1em;
    margin-left: 0.8em;
    margin-top: 0.1em;
}

p.trex-field_text_value {
    font-size: 0.85em;
    line-height: 1.6em;
}

p.trex {
    /*color: #333333;*/
    font-family: Asap, Calibri, Arial, Verdana, Helvetica, sans-serif;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    /*font-size: 1.2em;*/
}


/* --- LOGOTYPE --- */

div.trex-customer_logo-container {
    height: 65px;
    padding: 0 .125em 0 .125em;
    /*border-bottom: #be516e 4px solid*/
}

div.trex-customer_logo {
    height: 65px;
    width: 40px;
    margin-left: 1.3em;
    overflow: hidden;
    background: url(customer_logotype.gif) no-repeat;
}

div.trex-form_banner {
    background: none repeat scroll 0 0 #fff;
    float: left;
    font-size: 1.1em;
    font-weight: 700;
    padding: 0.2em 1em 0.3em;
    width: 36em;
}

.trex-step_indicator_container {
    float: left;
    font-size: 1.1em;
}

/* --- TABS --- */

div.trex-form_tab_control_container {
    background-color: #BE516E;
    padding: 0.3em 0.125em 0.1em;
}

input.trex-form_tab_button_normal {
    background-color: #fff;
    color: #777;
    border: 1px solid #cccccc;
    margin-left: 2px;
    font-size: 0.90em;
}

input.trex-form_tab_button_selected {
    border: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 2px;
    font-size: 0.90em;
}

/* --- FIELDS --- */

input.trex-field, textarea.trex-field, select.trex-field {
    font-family: Asap, Calibri, Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.86em; /*0.863em;*/
	border: 1px solid #888888;
	padding: 2px;
	border-radius: 3px;
	color: #555;
}

/* --- BUTTONS --- */

.trex-form_navigate_buttons_container {
    clear: left;
    float: left;
    margin-bottom: 3em;
    margin-top: 1.3em;
    width: 43.9em;
}

.trex-button_goto_next_form_page_class,
.trex-button_goto_prev_form_page_class,
.trex-button_cancel_form_class,
.trex-file_upload_button,
.trex-submit_button {
	border-radius: 5px;
    border: 1px solid #aaa;
    background-color: #ccc;
}

.trex-rb_cb_label_w_full, .trex-rb_cb_label_w_1o2, .trex-rb_cb_label_w_1o3, .trex-rb_cb_label_w_2o3, .trex-rb_cb_label_w_1o4, .trex-rb_cb_label_w_3o4, .trex-rb_cb_label_w_1o6, .trex-rb_cb_label_w_5o6, .trex-rb_cb_label_w_1o8, .trex-rb_cb_label_w_3o8, .trex-rb_cb_label_w_5o8, .trex-rb_cb_label_w_7o8 {
    display: block;
    line-height: 1.3em;
    margin-left: 2em;
    padding-top: 0em;
}

.trex-cb_label {
    cursor: pointer;
    font-size: 0.85em;
}

.trex-dynamic_error_message {
    color: #FF0000;
    float: left;
    font-size: 0.86em;
}

.trex-error_text {
    font-size: 0.86em;
}