
/* vim: set filetype=css : */

@import url('form_style_instance.css');
@import url('instance_table_style.css');

legend.trex {
	color: #000000;
	font-size: 0.94em;
	margin-left: 0.8em;
}

/*
Removed due to problem with fieldset caption and word wrap
.trex-legend_span{
	white-space:normal;
	display:block;
	max-width:50em;
}
*/

.trex-text_autocomplete {
	border: 1px solid #cccccc;
	border-radius: 3px;
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
	background: url('icon-arrow-autocomplete.png') no-repeat right top;
	padding: 2px 3px;
}

* html .trex-text_autocomplete {
        height: 100px;
}

.trex-icon_busy {
	display: block;
	height: 16px;
	width: 16px;
	background: url('icon-busy.gif ') no-repeat;
	position : relative;
	top: -4em;
	left: 13em;
}



.trex-form_directive_text_holder {
	float:left;
	margin-left: 0.9em;
    overflow-y: auto;
}

.trex-form_directive_fieldset {
	width: 40.9em;
	color: #000000;
	background-color: #f8f8f8;
}

.trex-form_directive_legend {
	color: #000000;
}

.trex-form_error_fieldset {
	width: 40.9em;
}

.trex-form_error_legend {
	color: red;
}

.trex-error_label_corrected {
	color: gray; 
	text-decoration: none;
}

.trex-error_label {
	color: red; 
	text-decoration: underline;
	cursor: pointer;
}

.trex-dynamic_error_message_holder {
	/*float:left; IE7 error*/
	clear:left;
	margin-left: 1em;
}

.trex-dynamic_error_message {
	font-size: 0.75em;
	color: red;
}





/* - - - - - - */

html.trex, body.trex, form.trex  {
    margin: 0;
    padding: 0;
    background: white;  
    font-size: 1em;
}

body.trex {
        width: 43em;
        float: left;
	font: 1em Arial, Verdana, Helvetica, sans-serif;
	margin-left: 0.62em;
	margin-top: 0.62em;
	margin-bottom: 0.62em;
}

form.trex {
	width: 43em;
        float: left;
}

p.trex {
    margin: 1em 0;
    padding: 0;
}

form.trex label.trex {
    cursor: pointer;
}

input.trex, select.trex, textarea.trex {
    font-size: 100%;
}

div.trex-form_container {
	width: 43em;
	float: left;
	background-color: transparent;
}

fieldset.trex {
	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-left:0.65em;
	padding-bottom: 0.8em;
	margin-top: 0.5em;
	margin-left: 0;
	float: left;
}

.trex-fieldset_w_full {
   width: 40.9em;
}



.trex-plain_frame {
	width: 41.55em;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-left:0.65em;
	padding-bottom: 0.8em;
	margin-top: 0.5em;
	margin-left: 0;
	float: left;
}

.button_map, .button_attach {
	cursor: pointer;
	color: #888888;
	font-size: 0.688em;
	background-color: transparent;
	border: 0;
}

.trex-hidden {
	display: none;
}

/* --- TABS --- */

div.trex-form_tab_control_container {
    float: left;
    clear: both;
    width:42.15em;
    /*height: 0.15em;*/
    padding: 0.125em;
    padding-top: 0.125em;
    padding-bottom: 0em;
    margin-bottom: 0.5em;
    margin-top: 1px;
    background-color: #C40008;
}

div.trex-form_tab_container {
    float: left;
    border: 0; 
    padding-right: 0.05em;
    padding-left: 0.05em;
}

div.trex-form_tab_container_align_right {
    float: right;
}

input.trex-form_tab_button_normal {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 0;
    margin-bottom: 0;
    float: left;
    cursor: pointer;
    color: #777777;
    height: 2em;
}

input.trex-form_tab_button_selected {
    background-color: #ffffff;
    border: 1px solid #777777;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 0;
    margin-bottom: 0;
    float: left;
    color: black;
    height: 2em;
}




/* --- Block caption styles --- */

div.trex-block_mandatory { /* Obligatory div */
	float: left;
	width: 0.9em;
	height: 1.0em;
	margin-top: 0.5em;
}

p.trex-block_mandatory {
	color: #ff0000;
	text-indent: 0.3em;
}

span.trex-mandatory {
	color: #ff0000;
	float:left;
	width:0.9em;
}

div.trex-block_caption {
	float: left;
	line-height: 100%;
	margin-top: 0.5em;
}

p.trex-block_caption {
	font-size: 0.75em;
	font-weight: bold;
}

legend.trex-block_caption {
	font-size: 0.75em;
	font-weight: bold;
	color: #000000;
    max-width: 50em;
}
span.trex-block_secondary_caption {
  font-size: 0.75em;
  font-weight: 300;
}
div.trex-block_info {
  display: none;
  position: absolute;
  border: solid black 1px;
  padding: 10px;
  background-color: #FFFFCC;
  text-align: justify;
  font-size: 12px;
  *width: 300px;
  max-width: 300px;
  border-radius: 3px;
}
input.trex-block_info {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('icon-close-enabled.png') no-repeat center top;
  cursor: pointer;
  /* hand-shaped cursor */

  cursor: hand;
  /* for IE 5.x */

  float: right;
  margin-right: 5px;
}
input.trex-block_info_text_button {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url('icon-block-info.png') no-repeat center top;
  cursor: pointer;
  /* hand-shaped cursor */

  cursor: hand;
  /* for IE 5.x */

  margin-left: 3px;
}
.trex-error_label_review_mand_err_prev_pages {
  color: red;
  text-decoration: none;
}

/* Chrome mandatory block fix */
fieldset fieldset legend.trex-block_caption span.trex-legend_span {
    margin-left: 0.9em;
}


/* ------------- Alignment  ------------------------ */

p.trex-text_align-left {
    text-align: left;
}

p.trex-text_align-center {
    text-align: center;
}

p.trex-text_align-right {
    text-align: right;
}


/* ------------- Field Instance Pre ------------------------ */

div.trex-fid {
}


div.trex-fid-block_group {
    background-color : #eeeeee;
    float : left;

    margin-top : 5px;
    padding-bottom : 5px
}

div.trex-fid-header-row {
    height: 1.2em;
}


div.trex-fid-header-cell {
	font-size: 0.75em;
	float: left;

    /*
	width: 5em;
    */

	text-align: left;
	overflow: hidden;
	padding-right: 0.3em;
    border: 1px solid #FFFFFF;

    /*
	border: 1px solid #ff0000;

    background-color: #0000FF;
    */
}

p.trex-fid-header-cell {
    /*
    border-bottom: 2px solid #000000;
    */
    font-size : 1em;
    /*
    font-weight: bold;
    */
}

div.trex-fid-header-cell-button_column {
    width : 16px;
}

div.trex-fid-header-eol {
}

div.trex-fid-body {
}

div.trex-fid-body-row {
    height: 1.7em;
    font-size: 0.75em;
    text-align: left;
    clear:left;
}

div.trex-fid-body-row-editing {
    /*background-color: #ff0000; */
    border: 1px solid #000000;

}


div.trex-fid-body-cell {
    float:left;
    padding-right: 0.3em;
    border : 1px solid #FFFFFF;
    overflow:hidden;
    height: 1.4em;
}

p.trex-fid-body-cell {
}

div.trex-fid-body-cell-button_column {
    width : 16px;
}


div.trex-fid-body-even_row {
	background-color: #dddddd;
}

div.trex-fid-body-odd_row {
	background-color: #ffffff;
}


/* Below generated eventually */


div.trex-fid-body-height-default {
}

div.trex-fid-body-height-row_1 {
}

div.trex-fid-body-height-row_2 {
}

div.trex-fid-body-height-row_3 {
    height: 3.9em;
    overflow:auto;
}

div.trex-fid-body-height-row_4 {
    height: 5.2em;
    overflow:auto;
}

div.trex-fid-body-height-row_4 {
    height: 6.5em;
    overflow:auto;
}



/* -------------------- Generated Begin-------------------------- */

textarea.trex {
   font-family: Arial, Verdana, Helvetica, sans-serif;
}

textarea.trex-rows_2 {
   height: 2.6em;
}

textarea.trex-rows_3 {
   height: 3.9em;
}

textarea.trex-rows_4 {
   height: 5.2em;
}

textarea.trex-rows_5 {
   height: 6.5em;
}

textarea.trex-rows_6 {
   height: 7.8em;
}

textarea.trex-rows_7 {
   height: 9.1em;
}

textarea.trex-rows_8 {
   height: 10.4em;
}

textarea.trex-rows_9 {
   height: 11.7em;
}

textarea.trex-rows_10 {
   height: 13em;
}

textarea.trex-rows_11 {
   height: 14.3em;
}

textarea.trex-rows_12 {
   height: 15.6em;
}

textarea.trex-rows_13 {
   height: 16.9em;
}

textarea.trex-rows_14 {
   height: 18.2em;
}

textarea.trex-rows_15 {
   height: 19.5em;
}

textarea.trex-rows_16 {
   height: 20.8em;
}

textarea.trex-rows_17 {
   height: 22.1em;
}

textarea.trex-rows_18 {
   height: 23.4em;
}

textarea.trex-rows_19 {
   height: 24.7em;
}

textarea.trex-rows_20 {
   height: 26em;
}

.trex-block_new_row { /* Carriage Return, new row */
	clear: left;
}

/* --- Block styles --- */

.trex-block_w_full {
   float: left;
   width: 40em;
}

.trex-block_w_1o2 {
   float: left;
   width: 20em;
}

.trex-block_w_1o3 {
   float: left;
   width: 13.333em;
}

.trex-block_w_2o3 {
   float: left;
   width: 26.667em;
}

.trex-block_w_1o4 {
   float: left;
   width: 10em;
}

.trex-block_w_3o4 {
   float: left;
   width: 30em;
}

.trex-block_w_1o6 {
   float: left;
   width: 6.667em;
}

.trex-block_w_5o6 {
   float: left;
   width: 33.333em;
}

.trex-block_w_1o8 {
    float:left;
    width: 5em;
}

.trex-block_w_3o8 {
    float:left;
    width: 15em;
}

.trex-block_w_5o8 {
    float:left;
    width: 25em;
}

.trex-block_w_7o8 {
    float:left;
    width: 35em;
}

.trex-block_capt_w_full {
   width: 37.778em;
}

.trex-block_capt_w_1o2 {
   width: 17.778em;
}

.trex-block_capt_w_1o3 {
   width: 11.111em;
}

.trex-block_capt_w_2o3 {
   width: 24.444em;
}

.trex-block_capt_w_1o4 {
   width: 7.778em;
}

.trex-block_capt_w_3o4 {
   width: 27.778em;
}

.trex-block_capt_w_1o6 {
   width: 4.444em;
}

.trex-block_capt_w_5o6 {
   width: 31.111em;
}

.trex-block_capt_w_1o8 {
    width: 4.1em;
}

/* --- Field styles --- */

div.trex-field_w_full {
   width: 38.5em;
}

div.trex-field_w_1o2 {
   width: 18.78em;
}

div.trex-field_w_1o2_narrow_margin {
   width: 16.608em;
   margin-left: 0.5em;
}

div.trex-field_w_1o3 {
   width: 12.25em;
}

div.trex-field_w_1o3_narrow_margin {
   width: 9.814em;
   margin-left: 0.5em;
}

div.trex-field_w_2o3 {
   width: 25.5em;
}

div.trex-field_w_1o4 {
   width: 9em;
}

div.trex-field_w_1o4_narrow_margin {
   width: 7.926em;
   margin-left: 0.5em;
}

div.trex-field_w_3o4 {
   width: 28.5em;
}

div.trex-field_w_1o6 {
   width: 5.725em;
}

div.trex-field_w_5o6 {
   width: 31.8em;
}

div.trex-field_w_1o8 {
    width: 4.8em;
}

div.trex-field_w_3o8 {
    width: 14.2em;
}

div.trex-field_w_5o8 {
    width: 24.4em;
}

input.trex-field_w_full, textarea.trex-field_w_full, select.trex-field_w_full {
   width: 47em;
}

input.trex-field_w_1o2, textarea.trex-field_w_1o2, select.trex-field_w_1o2 {
   width: 22.3em;
}

input.trex-field_w_1o2_narrow_margin, textarea.trex-field_w_1o2_narrow_margin, select.trex-field_w_1o2_narrow_margin {
   width: 22.3em;
}

input.trex-field_w_1o3, textarea.trex-field_w_1o3, select.trex-field_w_1o3 {
   width: 14.1em;
}

input.trex-field_w_1o3_narrow_margin, textarea.trex-field_w_1o3_narrow_margin, select.trex-field_w_1o3_narrow_margin {
   width: 14.1em;
}

input.trex-field_w_2o3, textarea.trex-field_w_2o3, select.trex-field_w_2o3 {
   width: 30.5em;
}

input.trex-field_w_1o4, textarea.trex-field_w_1o4, select.trex-field_w_1o4 {
   width: 10em;
}

input.trex-field_w_1o4_narrow_margin, textarea.trex-field_w_1o4_narrow_margin, select.trex-field_w_1o4_narrow_margin {
   width: 10em;
}

input.trex-field_w_3o4, textarea.trex-field_w_3o4, select.trex-field_w_3o4 {
   width: 34.6em;
}

input.trex-field_w_1o6, textarea.trex-field_w_1o6, select.trex-field_w_1o6 {
   width: 5.95em;
}

input.trex-field_w_5o6, textarea.trex-field_w_5o6, select.trex-field_w_5o6 {
   width: 38.8em;
}

input.trex-field_w_1o8, textarea.trex-field_w_1o8, select.trex-field_w_1o8 {
   width: 4.8em;
}

input.trex-field_w_3o8, textarea.trex-field_w_3o8, select.trex-field_w_3o8 {
    width: 17.3em;
}

input.trex-field_w_5o8, textarea.trex-field_w_5o8, select.trex-field_w_5o8 {
    width: 29.6em;
}

/* --- Field Instances --- */

div.trex-fid-header-cell-column_w_full {
   width: 44em;
}

p.trex-fid-header-cell-column_w_full {
}

div.trex-fid-body-cell-column_w_full {
   width: 44em;
}

p.trex-fid-body-cell-column_w_full {
   width: 44em;
}

div.trex-fid-header-cell-column_w_1o2 {
   width: 21.77em;
}

p.trex-fid-header-cell-column_w_1o2 {
}

div.trex-fid-body-cell-column_w_1o2 {
   width: 21.77em;
}

p.trex-fid-body-cell-column_w_1o2 {
   width: 21.77em;
}

div.trex-fid-header-cell-column_w_1o2_narrow_margin {
   width: 11em;
}

p.trex-fid-header-cell-column_w_1o2_narrow_margin {
}

div.trex-fid-body-cell-column_w_1o2_narrow_margin {
   width: 11em;
}

p.trex-fid-body-cell-column_w_1o2_narrow_margin {
   width: 11em;
}

div.trex-fid-header-cell-column_w_1o3 {
   width: 14.38em;
}

p.trex-fid-header-cell-column_w_1o3 {
}

div.trex-fid-body-cell-column_w_1o3 {
   width: 14.38em;
}

p.trex-fid-body-cell-column_w_1o3 {
   width: 14.38em;
}

div.trex-fid-header-cell-column_w_1o3_narrow_margin {
   width: 6.5em;
}

p.trex-fid-header-cell-column_w_1o3_narrow_margin {
}

div.trex-fid-body-cell-column_w_1o3_narrow_margin {
   width: 6.5em;
}

p.trex-fid-body-cell-column_w_1o3_narrow_margin {
   width: 6.5em;
}

div.trex-fid-header-cell-column_w_2o3 {
   width: 29.2em;
}

p.trex-fid-header-cell-column_w_2o3 {
}

div.trex-fid-body-cell-column_w_2o3 {
   width: 29.2em;
}

p.trex-fid-body-cell-column_w_2o3 {
   width: 29.2em;
}

div.trex-fid-header-cell-column_w_1o4 {
   width: 10.66em;
}

p.trex-fid-header-cell-column_w_1o4 {
}

div.trex-fid-body-cell-column_w_1o4 {
   width: 10.66em;
}

p.trex-fid-body-cell-column_w_1o4 {
   width: 10.66em;
}

div.trex-fid-header-cell-column_w_1o4_narrow_margin {
   width: 5.2em;
}

p.trex-fid-header-cell-column_w_1o4_narrow_margin {
}

div.trex-fid-body-cell-column_w_1o4_narrow_margin {
   width: 5.2em;
}

p.trex-fid-body-cell-column_w_1o4_narrow_margin {
   width: 5.2em;
}

div.trex-fid-header-cell-column_w_3o4 {
   width: 32.9em;
}

p.trex-fid-header-cell-column_w_3o4 {
}

div.trex-fid-body-cell-column_w_3o4 {
   width: 32.9em;
}

p.trex-fid-body-cell-column_w_3o4 {
   width: 32.9em;
}

div.trex-fid-header-cell-column_w_1o6 {
   width: 6.97em;
}

p.trex-fid-header-cell-column_w_1o6 {
}

div.trex-fid-body-cell-column_w_1o6 {
   width: 6.97em;
}

p.trex-fid-body-cell-column_w_1o6 {
   width: 6.97em;
}

div.trex-fid-header-cell-column_w_5o6 {
   width: 36.6em;
}

p.trex-fid-header-cell-column_w_5o6 {
}

div.trex-fid-body-cell-column_w_5o6 {
   width: 36.6em;
}

p.trex-fid-body-cell-column_w_5o6 {
   width: 36.6em;
}


/* --- Label styles --- */

.trex-rb_cb_label_w_full {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 49.2em;
}

.trex-rb_cb_label_w_1o2 {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 22.8em;
}

.trex-rb_cb_label_w_1o3 {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 14.2em;
}

.trex-rb_cb_label_w_2o3 {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 31.7em;
}

.trex-rb_cb_label_w_1o4 {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 9.8em;
}

.trex-rb_cb_label_w_3o4 {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 35.8em;
}

.trex-rb_cb_label_w_1o6 {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 5.5em;
}

.trex-rb_cb_label_w_5o6 {
   float: left;
   line-height: 1.3em;
   padding-top: 0.2em;
   width: 40.25em;
}


/* -------------------- Generated End --------------------------- */

/* vim: set filetype=css : */


div.trex-field {
	float: left;
	display: inline;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.8em;
}

div.trex-field_w_image_narrow {
	width: 1em; 
    margin-left: 0.5em;
}


input.trex-field, textarea.trex-field, select.trex-field {
	font-size: 0.813em; /* 13px, em needs to be recalculated */
}

p.trex-field_text_value {
	font-size: 0.75em;
}

ul.trex-field_text_value {
	font-size: 0.75em;
}

span.trex-field_text_value {
	font-size: 0.75em;
}

p.trex-text_type_face_italic, span.trex-text_type_face_italic, label.trex-text_type_face_italic {
	font-style: italic;
}

p.trex-text_type_face_bold, span.trex-text_type_face_bold, label.trex-text_type_face_bold {
	font-weight: bold;
}

p.trex-text_type_face_underline, span.trex-text_type_face_underline, label.trex-text_type_face_underline {
	text-decoration: underline;
}


.trex-cb_label {
    cursor: pointer;
	font-size: 0.75em;
}

.trex-rb_label {
    cursor: pointer;
	font-size: 0.75em;
}

input.trex-field_checkbox {
	border: None;
	vertical-align: middle;
	float: left;
	margin-right: 0.4em;
}

input.trex-field_radio {
	border: None;
	float: left;
	margin-right: 0.4em;
}

input.trex-file_upload {
	float: left; 
	font-size: 0.75em;
    width: 37.5em;
}

input.trex-file_upload_button {
	font-size: 0.75em; 
	float: left; 
	width: 6em;
	margin-left: 3em;
}

input.trex-file_upload_delete_file_image {
	font-size: 0.75em;
	margin-left: 0.3em;
	text-align: center;
	float: left;
	width: 16px;
	height: 18px;
	border: 0;
}

p.trex-file_upload_list_caption {
	font-weight: bold;
}

div.trex-file_upload_list_container {
	clear: both;
}

div.trex-file_upload_list_row {
	clear: both;
}

p.trex-file_upload_list_col_1 {
	clear: both;
	font-size: 0.75em;
	float: left;
	width: 20em;
	overflow: hidden;
	text-indent: 0.3em;
	border-right: 1px solid #ffffff;
}

p.trex-file_upload_list_col_2 {
	font-size: 0.75em;
	float: left;
	width: 11.0em;
	overflow: hidden;
	text-indent: 0.3em;
	border-right: 1px solid #ffffff;
}

p.trex-file_upload_list_col_3 {
	font-size: 0.75em;
	float: left;
	width: 5em;
	text-align: right;
	overflow: hidden;
	padding-right: 0.3em;
	border-right: 1px solid #ffffff;
}

p.trex-file_upload_list_col_4 {
	font-size: 0.75em;
	float: left;
	width: 2.0em;
	overflow: hidden;
	border-right: 1px solid #ffffff;
}

p.trex-file_upload_list_pyjamas_odd_row {
	background-color: #dddddd;
	height: 1.6em;
}

p.trex-file_upload_list_pyjamas_even_row {
	background-color: #ffffff;
	height: 1.6em;
}


/* -------------- Calendar icon ----------------------- */

img.trex-calendar_icon {
	font-size: 0.75em;
	margin-right: 0.3em;
	text-align: center;
	float: left;
	width: 29px;
	height: 21px;
	border: 0;
}



/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* Eliminate IE/FireFox difference */
p.trex {
	margin:0;	
}


/* -------------------------------------------------- */

div.trex-form_banner {
	width:40.5em;
	padding: 0.2em 1em 0.3em 1em;
	background-color: #ffffff;
	font-weight: bold;
    float: left;
}

p.trex-form_banner_text {
	font-size: 1.2em;
    float: left;
}


/* -------------------------------------------------- */

.trex-form_steps {
	width:41em;
	margin: 0.625em 0 0.625em 1.7em;
	float: left;
}

.trex-step_indicator_container {
	float: left;
}

.trex-step_indicator_text {
	float: left;
	line-height: 1.3em;
}

.trex-view_step1 {
	float:left;
	width:1.5em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #f4f4f4;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;	
	margin: 0;
	margin-left: 5.2em;
}

.trex-view_step1_selected {
	float:left;
	width:1.5em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #cacaca;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;	
	margin: 0;
	margin-left: 5.2em;
}

.trex-view_step2 {
	float:left;
	width:1.5em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #f4f4f4;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;
	margin: 0;
	margin-left: 1em;
}

.trex-view_step2_selected {
	float:left;
	width:1.5em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #cacaca;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;
	margin: 0;
	margin-left: 1em;
}

.trex-view_step3 {
	float:left;
	width:1.5em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #f4f4f4;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;
	margin: 0;
	margin-left: 1em;
}

.trex-view_step3_selected {
	float:left;
	width:1.5em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #cacaca;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;
	margin: 0;
	margin-left: 1em;
}

.trex-view_step4 {
	float:left;
	width:4em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #f4f4f4;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;
	margin: 0;
	margin-left: 1em;
}

.trex-view_step4_selected {
	float:left;
	width:4em;
	text-align: center;
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-color: #cacaca;
	border: solid 0.063em #808080;
	font-weight: bold; 
	font-size: 0.813em;
	margin: 0;
	margin-left: 1em;
}

/* -------------------------------------------------- */

.trex-form_page_outer_frame {
	float: left;
	width: 40.9em;
	width: 42.9em;

}

.trex-form_page_top_frame {
	width: 28.625em;
	height: 1.2em;
}

.trex-form_page_top_left_frame {
	float: left;
	width: 2.875em;
	height: 0.525em;
	border: 0.125em solid #d7e4ec;
	border-right: none;
	border-bottom: none;
	margin-top: 0.55em;
}

.trex-form_page_top_middle_frame {
	float: left;
	width: 22.6em;
	height: 1.2em;
	background-color: #d7e4ec;
}

.trex-form_page_top_right_frame {
	float: left;
	width: 2.875em;
	height: 0.525em;
	border: 0.125em solid #d7e4ec;
	border-left: none;
	border-bottom: none;
	margin-top: 0.55em;
}

.trex-form_part_title {
	font-size: 0.75em;
	font-weight: bold;
	text-indent: 0.8em;
}

.trex-form_page_content_frame {
	clear: left;
	width: 42.9em;
	border-top: none;
}

.trex-form_page_content {
	width: 43.2em;
	overflow: auto;
}

/* -------------------------------------------------- */

.trex-form_right_side {
	float: left;
	width: 12.263em;
	height: 27.625em;
	padding-left: 0.5em;
}

/* -------------------------------------------------- */

.trex-form_directive_outer_frame {
	clear: left;
	float: left;
	width: 12.26em;
	padding-top: 1em;
}

.trex-form_directive_top_frame {
	width: 12.26em;
	height: 1.2em;
}

.trex-form_directive_top_left_frame {
	float: left;
	width: 1.375em;
	height: 0.525em;
	border: 0.125em solid #d7e4ec;
	border-right: none;
	border-bottom: none;
	margin-top: 0.55em;
	overflow: hidden; /* BUGFIX - This should not be needed, but fixes an issue in IE6. */
}

.trex-form_directive_top_middle_frame {
	float: left;
	width: 9.25em;
	height: 1.2em;
	background-color: #d7e4ec;
}

.trex-form_directive_top_right_frame {
	float: left;
	width: 1.375em;
	height: 0.525em;
	border: 0.125em solid #d7e4ec;
	border-left: none;
	border-bottom: none;
	margin-top: 0.55em;
	overflow: hidden; /* BUGFIX - This should not be needed, but fixes an issue in IE6. */
}

.trex-form_directive_content_frame {
	clear: left;
	width: 40.9em;
	border-top: none;
	
}

.trex-form_directive_content {
	width: 39.75em;
	padding: 0.2em 0 0.2em 0.95em;
	overflow: auto;
}

/* -------------------------------------------------- */

.trex-form_error_outer_frame {
	float:left;
	width: 40.5em;
	padding: 0.2em 0 0.2em 0.2em;
	overflow: auto;
	height: 5em;
}


.trex-form_error_content_frame {
	clear: left;
	width: 40.3em;
}

.trex-form_error_content {
	width: 39.7em;
	padding: 0.2em 0 0.2em 0.95em;
	overflow: auto;
}

.trex-form_error_content_override_has_error {
	display: block ! important;
	width: 39.7em;
	overflow: auto;
	/*background-color: #fbcbcb ! important;*/
}



/* -------------------------------------------------- */

.trex-form_navigate_buttons_container {
	clear:left;
	float:left;
	margin-top: 1.3em;
	margin-bottom: 3em;
	width: 42.5em;
}

.trex-button_cancel_form_class {	
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.79em;
	font-weight: bold;
	width: 4.7em;
	height: 2.0em;
}

.trex-button_goto_prev_form_page_class {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.79em;
	font-weight: bold;
	width: 5em;
	height: 2.0em;
	margin-left: 487px;
}

.trex-preview-form_navigate_buttons_container .trex-button_goto_prev_form_page_class {
	margin-left: 390px;
}

.trex-button_goto_next_form_page_class {
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.79em;
	font-weight: bold;
	width: 5em;
	height: 2.0em;
	margin-left: 0.3em;
}

.trex-directive_text {
	font-size: 0.75em;
}

.trex-error_text {
	font-size: 0.75em;
}

.trex-directive_text_bold,
.trex-error_text_bold {
	font-weight: bold;
}



.trex-field_container_user_error_notification {
	background-color: #fbcbcb ! important;
}




/* Important: The "disabled"-classes should be last in the css file to be able to override the values from other classes. */
input.trex-field_text_disabled, textarea.trex-disabled, select.trex-disabled {
	/*border: 1px solid #d1d1d1; Let the browser render fields undisturbed. */
}

input.trex-field_checkbox_disabled {
	color: #dddddd;
}

input.trex-field_radio_disabled {
	color: #dddddd;
}

p.trex-disabled, span.trex-disabled, label.trex-disabled, legend.trex-disabled {
	color: #888888;
}

div.trex-vertical_space_1 {
	height: 1em;
}




input.trex-submit_button {
	font-size: 0.75em; 
	float: left; 
	margin-left: 0.2em;
}

ul {                                                                                                                                                     
    margin-top: 0px;                                                                                                                                     
    margin-left:0px;                                                                                                                                     
    margin-right:0px;                                                                                                                                    
    padding-left:20px;                                                                                                                                   
}                                                                                                                                                        
                                                                                                                                                         
li {                                                                                                                                                     
    margin-top: 0px;                                                                                                                                     
    margin-bottom: 0px;                                                                                                                                  
    margin-left:0px;                                                                                                                                     
    font-size: 0.75em;                                                                                                                                   
}  



/* Specific styles */

:focus {
	outline-color:silver;
	outline-width:thin;
}
/*
a {
	background:none repeat scroll 0 0 transparent;
}
a:link {
	color:#333333;
}
a:visited {
	color:#222233;
}
a:hover, a:visited:hover, a:active, a:focus {
	color:#424245;
}
*/

div.trex-customer_logo-container {
    height:85px;
    width:42.15em;
    padding-right: 0.125em;
    padding-left: 0.125em;
}

div.trex-customer_logo
{

    width:165px;
    height:82px;

    margin-left: 1.3em;
    overflow : hidden;    
    background-image:url('logo-skovde.png');
    background-repeat:no-repeat;
}






















