table#calendar_control {z-index: 10; font-family: Arial; position: absolute; border-collapse: collapse; background: white; border: 1px solid silver; cursor: default}
table#calendar_control td {text-align: center; vertical-align: middle; padding: 2px}
td#calendar_prev_month, td#calendar_next_month, td#calendar_prev_year, td#calendar_next_year {cursor: pointer}
table#calendar_control td#calendar_prev_month {text-align: left}
table#calendar_control td#calendar_next_month {text-align: right}
td#calendar_header {font-size: 13px; font-weight: bold}
table#calendar_control td.day_letter {font-size: 10px; background: #DCDCDC}
table#calendar_control td.day_number {width: 22px; height: 20px; font-size: 12px; color: #333333; text-align: center; border: 1px solid #6487ae; cursor: pointer}
table#calendar_control td.normal {background: #c4d3ea}
table#calendar_control td.blank {background: #F0F8FF; background: #d4e3fa}
table#calendar_control td.hover {background: #fff799}
table#calendar_control td.selected {background: #ffcc66}
table#calendar_control td.weekend {color: blue}
table#calendar_control td.today {color: red}
 .draggable_table_cell_ghostTd{ width:auto; height:auto; padding:2px 8px; border:1px solid #000; position:absolute; font:normal 10px arial; background:#eee}
.draggable_table_cell_dragging {background:#eee; color:#000}
.draggable_table_cell_hovering {background:#ccc; color:#555}
  a {color: #008000;}
a:hover {background-color: #eeeeee}
.add_equipment_column_text{ text-align: center; font-size: 90%}
 body {margin: 0; margin-right: auto; margin-left: auto; padding: 0; background-color: #fff; color: #333; font-family: verdana, arial, helvetica, sans-serif;  }
.bold_page_title{ font-size: 130%; font-weight: bold; padding-right: 1em}
 .centered_link, .centered{ text-align: center}
.center_bold_text{ text-align: center; font-weight: bold}
.copy_right{ font-size: xx-small; line-height: normal; color: #808080; text-align: center}
.home_copy_right{ font-size: xx-small; color: #808080; text-align: center}
.customize_drag_and_drop_list_header{ text-align: center; font-weight: bold; font-size: 115%}
.customize_list_centered_text{ margin-right: auto; margin-left: auto; width : 90%;}
.customize_list_left{ width : 25%;}
.customize_table{ margin-right: auto; margin-left: auto; border: 1px solid #C0C0C0}
.customize_table_without_border{ margin-right: auto; margin-left: auto}
 div.uploadStatus {margin: 5px}
div.progressBar {margin: 5px}
div.progressBar div.border {background-color: #fff; border: 1px solid #C0C0C0; width: 100%}
div.progressBar div.background {background-color: #333; width: 0%}
.due_reminder{color: red;}
.due_reminder_for_list{color: red; text-align: right;}
.due_reminder_for_renew{color: red; background: yellow;}
 .edit_form{ margin-right: auto; margin-left: auto}
.edit_centered_column, .new_centered_column{ text-align: center}
#errorExplanation{ width: 50%; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; margin-right: auto; margin-left: auto}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 90%; margin: -7px; background-color: #c00; color: #fff; margin-right: auto; margin-left: auto}
#errorExplanation p{ color: #333; margin-bottom: 0; padding: 5px; margin-right: auto; margin-left: auto}
#errorExplanation ul li {font-size: 90%; list-style: square; margin-right: auto; margin-left: auto}
 .fieldWithErrors {padding: 2px; background-color: red; display: table}
#filter_form{ background :#FFFFFC; text-align: center}
.filter_form_table{ margin-left:auto; margin-right:auto}
.filter_text{ text-align: right}
.filter_text_box{ text-align: left}
.font_bigger_link{ font-weight: bold; font-size: 120%}
.font_bigger_link_with_underline{ font-weight: bold; font-size: 120%; text-decoration: underline}
.font_normal_link{ font-weight: bold}
.font_normal_link_with_underline{ font-weight: bold; text-decoration: underline}
.font_smaller_link{ font-weight: bold; font-size: 80%}
.font_smaller_link_with_underline{ font-weight: bold; font-size: 80%; text-decoration: underline}
.font_bigger_link a, .font_normal_link a, .font_smaller_link a{ text-decoration: none;}
.forget_pass_bottom_text{ text-align: center}
.foot_link{ text-align: center}
.hidden {display: none}
 .home_form{ margin-right: auto; margin-left: auto}
.home_foot{ background-color: #F0F8F0; font-size: 80%; text-align: center; margin-right: auto; margin-left: auto}
.home_green_text{ font-size: 1.3em; color: green; font-weight: bold}
.home_index{ width: 53em; margin-right: auto; margin-left: auto}
.home_index_screenshot_text, .trip_line_header{ font-weight: bold}
.home_index_screenshot_text_with_bottom_padding{ padding-bottom: 2.5%}
.home_screenshot{ margin-right: auto; margin-left: auto; text-align: center; padding-top: 15px}
.home_screenshot_create_reminders{ margin-right: auto; margin-left: auto; text-align: center; background: #E8E8E8; margin-top:20px}
.home_screenshot_link{ margin-right: auto; margin-left: auto; text-align: center}
.home_table{ border-collapse: separate; border-spacing: 15px 5px; margin-right: auto; margin-left: auto; text-align: center}
.home_table_cell{ padding: 5px 3px 5px 3px}
.home_table_cell img{ border: 0}
 .info_line_for_new_edit{ background: #F0F8F0}
.info_line_for_cusmomize_table {background: #F0F8B0}
.inplaceeditor-form{ border: 2px solid #9999FF; width: 12em}
.inplaceeditor-form input[type="text"] {width: 11em}
.import_csv_success_notice{ margin-right: auto; margin-left: auto; text-align: center; background-color: yellow}
input, select{ font-size: 100%}
 #left_aligned_text{ margin-right: auto; margin-left: auto}
.light_dark_bg{ background-color: #FFFFFA}
#link_bg{ background: white}
.link_without_decoration{ font-weight: bold; font-size: large}
#general_info a, #bill_to_info a, #origin_info a, #destination_info a, #customized_info a, #equipment_info a, #driver_info a{ text-decoration: none}
.ListActions {font-size: x-small; color: #66FF00; background-color: #ccc}
.list_customize_item{ padding-top: 0}
#list_filter_form{ background :#FAEBD7}
#list_items{ clear: both; margin-top: 15px}
.list_line_even{background: white}
.list_line_odd{background: #E8E8E8}
.list_links, .small_size_links{ font-size: 80%}
.list_link_normal_text, .normal_text{ font-size: 70%; font-weight: normal}
.list_table{ margin-right: auto; margin-left: auto}
.list_trip_lines, .list_company_records, .list_feedback_replies{ margin-left:auto; margin-right:auto; background: #F0F8F0}
.list_wide_table{ margin-right: auto; margin-left: auto; width: 100%}
.ListTitle {font-size: 200%; background: #C0C0C0; width: 30%}
.loads_for_trip{ background: #C0C0C0}
 #main{    }
.main_help_links{ margin-left: 20px}
.help_page{ margin-left:30px; margin-right:20px }
.help_note{ margin-left: 20px}
.main_info, .super_user_info{ background :#FFFFFC; margin-right: auto; margin-left: auto; width: 100%}
.main_info_column{ width: 50%}
#main_menu ul{ padding: 3px 0; margin-left: 0; border-bottom: 2px solid #778; font: bold 12px Verdana, sans-serif}
#main_menu ul li{ list-style :none; margin: 0; display: inline}
#main_menu ul li a{ padding: 3px 0.5em; margin-left: 3px; border: 2px solid #778; border-bottom: none; background: #DDE; text-decoration: none}
#main_menu ul li a:link:hover, #main_menu ul li a:visited:hover{ background: #eeeeee; border-color: #227}
#main_menu ul li #current a{ background: white; border-bottom: 2px solid white}
.main_table{ margin-right: auto; margin-left: auto}
.main_upcoming_reminders{ margin-right: auto; margin-left: auto; width: 100%}
.mileage_table_title{ background-color: #E8E8E8;}
.mouse_over_table_row{ background-color: #E8E8E8;}
.mouse_over_sample_name_row{ text-decoration: underline; background-color: #eeeeee; cursor: pointer; color: #008000}
 #new_edit_reminder_form{ width: 50%; margin-left: 14.5em; background: white}
.new_form{ margin-right: auto; margin-left: auto}
.notice {font-weight: bold; text-align: center; margin-left:auto; margin-right:auto; margin-top:0em; margin-bottom: 0em}
.warning_notice, .ajax_warning_notice, .exception_notice{ background: red; font-weight: bold; text-align: center; margin-left:auto; margin-right:auto; margin-top:0em; margin-bottom: 0em}
.success_notice, .ajax_success_notice, .welcome_notice, .ajax_welcome_notice, .delete_success_notice, .renew_success_notice, .restore_success_notice{ background: yellow; font-weight: bold; text-align: center; margin-left:auto; margin-right:auto; margin-top:0em; margin-bottom: 0em}
 .over_due_reminder{color: red;}
.over_due_reminder_for_list{color: red; text-align: right;}
 p, ol, ul, td {  }
.page_roller {margin-top: 0.5em; background :#eeeeee}
.page_roller_table {margin-left: auto; margin-right: auto; text-align: center}
.page_title{ text-align: center; margin-top: 0.8em}
.page_title_index{ text-align: center; margin-left:auto; margin-right:auto; margin-top: 1em; font-size:180% }
.page_title_main{ text-align: center; margin-left:auto; margin-right:auto; margin-top: 0.5em; margin-bottom:0.5em}
pre {width: 50%; background-color: #FFFFFF; padding: 10px; font-size: 100%}
.privacy_list {list-style-type: square}
.privacy_policy {width: 70%; margin-right: auto; margin-left: auto}
.privacy_policy_for_main{ margin-right: 2em; margin-left: 2em}
 .reminder_top_text{ text-align: center}
.right_aligned{ text-align: right}
 .selected_list_items_sell{ margin: 0em; padding: 0em}
.selected_list_items{ position:absolute; font-size:0.9em; background-color:#FFF; border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom:3px solid #000000; border-right: 2px solid #000000; z-index:100}
.show_trip_lines_header, .toggled_table_line_header{ text-align: center; font-weight: bold}
.show_link{ margin-left:auto; margin-right:auto; width: 80%; text-align: center}
.show_table{ margin-left:auto; margin-right:auto}
 #side{ padding-top: 1em; padding-left: 1em; padding-bottom: 1em; padding-bottom: 20em; width: 10em; background: #F0F8F0}
.side_bar_link{ margin-bottom: 7%; margin-top: 7%}
.small_text{ font-size: x-small}
.small_trade_mark{ text-align: center; font-size: x-small}
.sortable {cursor: s-resize}
.sponsored_font{font-size: 50%;}
.star_field{ color: red}
.still_due{ color: red}
.still_due_for_renew{ color: red}
 .text_style_foreign_field_link a{ text-decoration: none; color: #333}
.link_style_foreign_field_link a{ }
#title_bg{ background: white}
#top_banner {background: #F0F8F0;}
.top_image_link a:hover{background-color: #F0F8F0;}
.what_is_new_top_image_link{width: 10%;}
.main_top_image_link{width: 70%;}
.what_is_new_top_image_link a:hover{background-color: #F0F8F0;}
.what_is_new_free_beta{ width: 80%; text-align: right;}
#top_links {text-align: center; margin-left:auto; margin-right:auto; height: 2.5em}
.top_link_spinner{padding-left: 1.5em;}
#top_links_with_list {padding-bottom: 1em; margin-left: 0.5em;}
 #top_links_with_list ul {margin: 0; padding: 0; background: white;}
#top_links_with_list li {position: relative; list-style: none; margin: 0; float: left;}
#top_links_with_list li:hover {background: #eeeeee;}
#top_links_with_list li.regular_text_in_list:hover {background: #fff;}
#top_links_with_list li.submenu:hover {background-color: #EDD;}
#top_links_with_list li a {display: block; padding: 0.25em 0 0.25em 0; text-decoration: underline;}
#top_links_with_list .bar {margin-top: .25em}
#top_links_with_list>ul a {width: auto;}
#top_links_with_list ul ul {position: absolute; display: none;}
#top_links_with_list ul.level1 li.submenu:hover ul.level2, #top_links_with_list ul.level2 li.submenu:hover ul.level3 {display:block;}
#top_links_with_list ul.level2 li.submenu:hover ul.level3 {display:block;}
#top_links_with_list ul.level2 {top: 1.5em; left: -1px; margin-top: 2px;}
#top_links_with_list ul li ul{ padding: 5px; border: 1px solid #CCC; background: #F0F8F0;}
#top_links_with_list_for_trip {padding-bottom: 1em;margin-left: 0.5em;}
 #top_links_with_list_for_trip ul {margin: 0; padding: 0; background: white;}
#top_links_with_list_for_trip li {position: relative; list-style: none; margin: 0; float: left;}
#top_links_with_list_for_trip li:hover {background: #eeeeee;}
#top_links_with_list_for_trip li.regular_text_in_list:hover {background: #fff;}
#top_links_with_list_for_trip li.submenu:hover {background-color: #EDD;}
#top_links_with_list_for_trip li a {display: block; padding: 0.25em 0 0.25em 0; text-decoration: underline;}
#top_links_with_list_for_trip .bar {margin-top: .25em}
#top_links_with_list_for_trip>ul a {width: auto;}
#top_links_with_list_for_trip>ul ul a {width: auto;}
#top_links_with_list_for_trip ul ul {position: absolute; display: none;}
#top_links_with_list_for_trip ul.level1 li.submenu:hover ul.level2, #top_links_with_list_for_trip ul.level2 li.submenu:hover ul.level3 {display:block;}
#top_links_with_list_for_trip ul.level2 li.submenu:hover ul.level3 {display:block;}
#top_links_with_list_for_trip ul.level2 {top: 1.5em; left: -1px; margin-top: 2px;}
#top_links_with_list_for_trip ul.level3 {top: -1px; left: 5em;}
#top_links_with_list_for_trip ul li ul{ padding: 5px; border: 1px solid #CCC; background: #F0F8F0;}
.top_banner_text{ color: #009900; font-size: 1.2em; width: 30%}
.TotalAmount{ background: white; text-align:center; width: 20%; margin-left: 12em}
#TotalAmount{ background: white; text-align:center; width: 20%; margin-left: 12em}
.total_text{ font-size: 100%; font-weight: 400}
tr{ vertical-align: top}
.trip_lines{ margin-left:auto; margin-right:auto}
.trip_line_link a, .hide_show_link a{ text-decoration: none; font-weight: bold;  }
 .undefined_reminder{ }
.undue_reminder_for_renew{ color: black}
.updated {color: #660099 }
  #vertical_aligned{ vertical-align: top}
.view_without_layout{ margin-left: 3em}
 .warning_text {color: red}
.warning_notice a{ color: white}
#welcome_form{ background: white; width: 60%; margin-left: 8em}
#what_is_new a, .red_text{ color: red}
.what_is_new{ width: 47em; margin-right: auto; margin-left: auto}
 #cs_flashBody {background-color: #ffffff; font: .8em/1.3em verdana,arial,helvetica,sans-serif; text-align: center}
#cs_noexpressUpdate {margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: x-small; color: #003300; text-align: left; background-image: url(quick_look_at_etrux_nofp_bg.gif); background-repeat: no-repeat; width: 210px; height: 200px; padding: 40px}
 #resizable_table table {border-collapse: collapse; margin-right: auto; margin-left: auto; width: 100%}
#resizable_table td, #resizable_table th {padding: 0.5em; border: 1px solid #CCC}
#resizable_table thead {background-color: #F0F8F0; cursor: move}
#resizable_table th.undraggable {cursor: default}
#resizable_table tr.undraggable {cursor: default}
th.resize-handle-active {cursor: e-resize}
div.resize-handle {cursor: e-resize; width: 2px; border-right: 1px dashed #1E90FF; position:absolute; top:0; left:0}
  div.tablekit_autocomplete {position:absolute; background-color:white; border:1px solid #888; margin:0px; padding:0px}
div.tablekit_autocomplete ul {list-style-type:none; margin:0px; padding:0px}
div.tablekit_autocomplete ul li.selected {background-color: #6699FF;}
div.tablekit_autocomplete ul li {list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer}
#invoice_container {width: 100%; margin: 10px auto; background-color: #fff; color: #333; line-height: 130%}
#invoice_top {padding: .5em; background-color: #ddd}
#invoice_footer {clear: both; margin: 0; padding: .5em; background-color: #ddd}
.invoice_selected_header{ border-bottom: 1px solid #000}
.invoice_selected_header_text{ margin-right: 13px; margin-left: 13px}
#invoice_leftnav {float: left; width: 70%; margin: 0; padding: 1em; border-right: 1px solid gray; background-color: #F7F8E0}
#invoice_rightnav {margin-left: 75%; padding: 1em}
.invoice_body{ margin-right: 3%; margin-top: 3px; margin-left: 3px}
.invoice_show .vcard {margin: 0 0 20px; line-height: 1.5em; font-size: 12px}
.invoice_show .vcard h3 {margin: 0}
.adr {display: none}
.invoice {margin: 0 0 20px; font-size: 11px}
.invoice h4 {margin: 0 12px 4px; font-size: 14px}
.line_items{ width: 100%}
 .line_items th{ font-weight: bold; text-align: left;  }
.invoice-info {float:right; margin: 0 0 10px; text-align:right}
.invoice-info th {margin: 0; padding: 1px 0; width: 114px; text-align: left; font-weight: normal}
.invoice-info th.date {font-weight: bold}
.invoice-info td {margin: 0; padding: 1px 0}
.invoice-info input {margin: 0; padding: 0}
.invoice-calculations {float: right; margin: 0 0 .5in; text-align: right}
.invoice-calculations th {text-align: left; line-height: 20px}
.invoice-calculations td {text-align: right; line-height: 20px; padding-left: .75in; padding-right: 12px}
.invoice-calculations .sales-tax th, .invoice-calculations .freight th, .invoice-calculations .paid th, .invoice-calculations .late-fee th {font-weight: normal}
.invoice-calculations .invoice-total th, .invoice-calculations .invoice-total td {font-size: 13px}
.invoice-calculations .invoice-total td {font-weight: bold}
.invoice-notes {clear: both; margin: 0 0 10px; padding: 7px 0; background: #fff; border-top: 1px solid #000}
.invoice-notes h3 {margin: 0 0 .25em; font-size: 11px}
.invoice-notes p {margin: 0 0 .25em; font-size: 11px}
.vendor {margin: 0 0 .25in; padding: 0 0 10px; text-align: right; border-bottom: 2px solid #000; overflow: hidden}
.vendor .logo {float: left}
.firm {margin: 0 0 .25in; padding: 0 0 10px; text-align: right; border-bottom: 4px solid #000}
.firm .logo {float: left}
.invoice_tag{ margin-right: 40px; font-size: 120%}
.invoice_id_box{ border: 1px solid #000}
.invoice_id{ margin:5px 45px 5px 60px }
.invoice-info br, .client-info br{ margin-bottom: 5px}
.bill_to_info, .shipper_consignee{ border-bottom: 1px solid #000; margin-bottom: 15px}
.consignee_info{ margin-left: 40px}
.shipper_info{ margin-right: 40px}
.link_to_button a:link, .link_to_button a:visited {float: left; margin: 2px 5px 2px 5px; padding: 2px; width: 50px; border-top: 1px solid #cccccc; border-bottom: 1px solid black; border-left: 1px solid #cccccc; border-right: 1px solid black; background: #cccccc; text-align: center; text-decoration: none; font: normal 12px Verdana; color: black; font-weight: bold}
.link_to_button a:hover {background: #eeeeee}
.link_to_button a:active {border-bottom: 1px solid #eeeeee; border-top: 1px solid black; border-right: 1px solid #eeeeee; border-left: 1px solid black}