@charset "UTF-8";


body, html {
    height: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

/* Body CSS */
.body {
    background-color: white;
    height: 100%;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding-top: 120px;
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

#body {
    height: 100%;
    color: black;
    background-color: white; /* #A4CAAD; */
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding-top: 120px;
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.input_mobile {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: solid 1px black;
    padding: 5px;
    height: 60px;
}

#input_mobile {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: solid 1px black;
    padding: 5px;
    height: 60px;
}

a {
    outline: none;
}

a img {
    outline: none;
}

img {
    border: 0;
    outline: none;
}

.a {
    outline: none;
}

.a img {
    outline: none;
}

.img {
    border: 0;
    outline: none;
}

#a {
    outline: none;
}

#a img {
    outline: none;
}

#img {
    border: 0;
    outline: none;
}

.container {
    width: auto;
    margin-top: 10px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

#container {
    width: auto;
    margin-top: 10px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    align-content: center;
}

.container_login {
    width: auto;
    height:auto;
    margin-top: 0px;
    margin-left: 0px;
}

#container_login {
    width: auto;
    height: auto;
    margin-top: 0px;
    margin-left: 0px;
}

.tps_multiline {
    font-family: Arial, Helvetica, sans-serif;
}

.tps_button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: darkblue;
    border: 0 none;
    color: white;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
    text-decoration: none;
}

.tps_button_pos {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: red;
    border: 0 none;
    color: black;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    height: 50px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
    text-decoration: none;
}

.tps_button_mobile {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: darkblue;
    border: 0 none;
    color: white;
    text-align: center;
    vertical-align: middle;
    height: 60px;
    padding-right: 50px;
    padding-left: 50px;
    cursor: pointer;
    text-decoration: none;
    font-size: 48px;
}

.tps_button_mobile hover {
    color: white;
}

.tps_button_mobile_gray {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: gray;
    border: 0 none;
    color: lightgray;
    text-align: center;
    vertical-align: middle;
    height: 60px;
    padding-right: 50px;
    padding-left: 50px;
    cursor: pointer;
    text-decoration: none;
    font-size: 48px;
}

#tps_button_mobile {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: darkblue;
    border: 0 none;
    color: white;
    text-align: center;
    height: 100px;
    padding-right: 50px;
    padding-left: 50px;
    cursor: pointer;
    text-decoration: none;
    font-size: 64px;
}

.tps_button:hover
{
    color: lightblue;
}

.tps_button_green {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: green;
    border: 0 none;
    color: white;
    text-align: center;
    height: 20px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
    text-decoration: none;
}

.tps_button_green:hover {
    color: yellow;
}

.tps_button_green_large {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	/* background-color: #1E90FF; */
	background-color: green;
	border: 0 none;
	color: white;
	text-align: center;
	height: 32px;
	padding-right: 25px;
	padding-left: 25px;
	cursor: pointer;
	text-decoration: none;
}

	.tps_button_green_large:hover {
		color: yellow;
	}

.tps_button_checkout {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: limegreen;
    border: 0 none;
    color: black;
    text-align: center;
    height: 20px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
    text-decoration: none;
}

.tps_button_checkout:hover {
    color: green;
}

.tps_button_cart {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    /* background-color: #1E90FF; */
    background-color: green;
    border: 0 none;
    color: white;
    text-align: center;
    height: 30px;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
}

.tps_button_cart:hover {
    color: yellow;
}

.tps_dropdown_cust 
{
    width: 240px;
}

.tps_dropdown_cust_long {
    width: 330px;
}

.tps_dropdown_cust_long_header {
	width: 330px;
	font-weight: bold;
}

.tps_dropdown_warehouse_header {
	width: 200px;
	font-weight: bold;
}

.tps_dropdown_truck_qoh
{
    width: 350px;
    font-size: 16px;
}

.tps_dropdown 
{
    width: 200px;
}

.tps_dropdown_long {
    width: 240px;
}

.tps_dropdown_portal {
    width: 300px;
}

.tps_dropdown_xlong {
    width: 300px;
}

.tps_dropdown_xxlong {
    width: 400px;
}

.tps_dropdown_mobile {
    width: 900px;
    height: 70px;
    font-size: 48px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; /* future proofing */
}

.tps_list_cust 
{
    width: 300px;
    height: 110px;
}

.tps_list_cat 
{
    width: 300px;
    height: 110px;
}

.tps_list
{
    width: 200px;
    height: 110px;
}

.tps_dropdown_time
{
    width:45px;
}

.tps_dropdown_records 
{
    width: 60px;
}

.tps_dropdown_type
{
    width: 85px;
}

.tps_dropdown_view 
{
    width: 145px;
}

.tps_dropdown_view2 
{
    width: 180px;
}

.tps_dropdown_returns 
{
    width: 160px;
}

.tps_dropdown_month 
{
    width: 100px;
}

.tps_dropdown_year
{
    width: 60px;
}

.normal_label
{
    text-align: right;
    padding-right: 3px;
    font-weight: normal;
    width: 30%;
    height:20px;
}
.normal_readonly_value
{
    text-align: left;
    padding-right: 3px;
    font-weight: normal;
}
.normal_input
{
  height: 16px;
  text-align: left;
  font-weight: normal;
  border: 1px solid #cccccc;
}
.normal_checkbox
{
}

div#login_container
{
    width: 850px;
    /*height: 200px;*/
    margin-top: 50px;
    margin-left: 50px;
}

#customer_list_table
{
    margin-top: 20px;
    margin-left: 15px;
}

#save_button_hdr {
	height: 28px;
	position: absolute;
	left: 820px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#save_button_backorder_hdr {
	height: 28px;
	position: absolute;
	left: 690px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#save_button_order_entry_hdr {
	height: 25px;
	position: absolute;
	left: 820px;
	top: -25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#return_button_hdr {
	height: 28px;
	position: absolute;
	left: 710px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#return_button_backorder_hdr {
	height: 28px;
	position: absolute;
	left: 860px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#dup_button_hdr {
	height: 28px;
	position: absolute;
	left: 630px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#save_template_button_hdr {
	height: 28px;
	position: absolute;
	left: 770px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#copy_button_hdr {
	height: 28px;
	position: absolute;
	left: 720px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#delete_button_hdr {
	height: 28px;
	position: absolute;
	left: 550px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#export_hdr {
	height: 28px;
	position: absolute;
	left: 180px;
	top: -84px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#export_text_hdr {
	height: 28px;
	position: absolute;
	left: 218px;
	top: -81px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#template_name_hdr {
	height: 22px;
	position: absolute;
	left: 170px;
	top: -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
}

#checkout_button_hdr {
	height: 28px;
	position: absolute;
	left: 640px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#checkout_button_order_entry_hdr {
	height: 25px;
	position: absolute;
	left: 640px;
	top: -25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#save_entry_hdr {
	height: 20px;
	position: absolute;
	left: 233px;
	top: -7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10px;
	vertical-align: text-bottom;
}

#save_form_button_hdr {
	height: 28px;
	position: absolute;
	left: 590px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#pick_update_button_hdr {
	height: 28px;
	position: absolute;
	left: 510px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#search_button_hdr {
	height: 28px;
	position: absolute;
	left: 560px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 10px;
	vertical-align: text-bottom;
}

#search_button_order_entry_hdr {
	height: 25px;
	position: absolute;
	left: 560px;
	top: -25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 10px;
	vertical-align: text-bottom;
}

#backorder_button_order_entry_hdr {
	height: 25px;
	position: absolute;
	left: 560px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 10px;
	vertical-align: text-bottom;
}

#quickentry_button_order_entry_hdr {
	height: 25px;
	position: absolute;
	left: 700px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 10px;
	vertical-align: text-bottom;
}

#remove_all_button_hdr {
	height: 28px;
	position: absolute;
	left: 720px;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#remove_all_button_order_entry_hdr {
	height: 25px;
	position: absolute;
	left: 720px;
	top: -25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#item_entry_hdr {
	height: 28px;
	position: absolute;
	left: 0px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_create_invoice_hdr {
	height: 28px;
	position: absolute;
	left: 200px;
	top: 37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#hdr_no {
	height: 28px;
	position: absolute;
	left: 0px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#hdr_date_from {
	height: 28px;
	position: absolute;
	left: 160px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#hdr_date_to {
	height: 28px;
	position: absolute;
	left: 320px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#hdr_unpaid_only {
	height: 28px;
	position: absolute;
	left: 480px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#hdr_refresh {
	height: 28px;
	position: absolute;
	left: 700px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#search_entry_hdr {
	height: 28px;
	position: absolute;
	left: 0px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#search_vendor_hdr {
	height: 28px;
	position: absolute;
	left: 270px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#search_category_hdr {
	height: 28px;
	position: absolute;
	left: 460px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#search_refresh_hdr {
	position: absolute;
	left: 650px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	vertical-align: text-bottom;
}

#order_no_hdr {
	height: 28px;
	position: absolute;
	left: 420px;
	top: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	
	vertical-align: text-bottom;
}

#po_no_hdr {
	height: 28px;
	position: absolute;
	left: 220px;
	top: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_no_backorder_hdr {
	height: 28px;
	position: absolute;
	left: 420px;
	top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_entry_no_hdr {
	height: 28px;
	position: absolute;
	left: 420px;
	top: 37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_po_hdr {
	height: 28px;
	position: absolute;
	left: 250px;
	width: 270px;
	top: -20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
	text-align: right;
}

#tracking_hdr {
	height: 28px;
	position: absolute;
	left: 0px;
	top: 52px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#tracking_hdr2 {
	height: 28px;
	position: absolute;
	left: 0px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_buttons_hdr {
	height: 28px;
	position: absolute;
	left: 690px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_invoice_ref_hdr {
	height: 28px;
	position: absolute;
	left: 250px;
	width: 270px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
	text-align: right;
}

#order_invoice_date {
	height: 28px;
	position: absolute;
	left: 260px;
	top: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_status_hdr {
	height: 28px;
	position: absolute;
	left: 550px;
	top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_entry_status_hdr {
	height: 28px;
	position: absolute;
	left: 550px;
	top: 37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_date_hdr {
	height: 28px;
	position: absolute;
	left: 550px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#po_create_date_hdr {
	height: 28px;
	position: absolute;
	left: 350px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_entry_date_hdr {
	height: 28px;
	position: absolute;
	left: 550px;
	top: 55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_items_hdr {
	height: 28px;
	position: absolute;
	left: 740px;
	top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_entry_items_hdr {
	height: 28px;
	position: absolute;
	left: 740px;
	top: 37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_total_hdr {
	height: 28px;
	position: absolute;
	left: 740px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

.rb_TITLE {
    background-color: #A9D0F5;
    color: Blue;
    text-align: center;
    width: 100px;
}
.rb_DATA {
    text-align: right;
}
.command_short_DATA {
	text-align: center;
	width: 20px;
	margin-right: 3px;
	white-space: nowrap;
	padding-left: 2px;
	padding-top: 2px;
}
.command_short_QEDATA {
	text-align: center;
	height: 20px;
	margin-right: 3px;
	white-space: nowrap;
	padding-left: 3px;
}
.command_short_TITLE2
{
	background-color: #A9D0F5;
    color: Blue;
	text-align: center;
	width: 25px;
}
.command_short_TITLE
{
	background-color: #A9D0F5;
    color: Blue;
	text-align: center;
	width: 25px;
}
#command_short_TITLE
{
	background-color: #A9D0F5;
    color: Blue;
	text-align: center;
	width: 25px;
}
#command_short_DATA2 {
	text-align: center;
	width: 25px;
	margin-right: 3px;
	white-space: nowrap;
	padding-left: 3px;
}
.Price_TITLE_NEW {
    height: 20px;
	background-color: #A9D0F5;
	color: Blue;
	text-align: center;
	width: 60px;
}
.Qty_TITLE_QE {
    height: 20px;
	background-color: #A9D0F5;
	color: Blue;
	text-align: center;
	width: 45px;
}
.Price_TITLE_QE {
    height: 20px;
	background-color: #A9D0F5;
	color: Blue;
	text-align: center;
	width: 100px;
}
.Description_TITLE_QE 
{
    height: 20px;
	background-color: #A9D0F5;
	text-align: left;
	width: 475px;
    padding-left: 5px;
    color: Blue;
}
#Description_TITLE_QE 
{
    height: 20px;
	background-color: #A9D0F5;
	text-align: left;
	width: 475px;
    padding-left: 5px;
    color: Blue;
}
#Description_DATA_QE {
	text-align: left;
	width: 475px;
    padding-left: 3px;
}

#po_total_hdr2 {
	height: 28px;
	position: absolute;
	left: 800px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_entry_total_hdr {
	height: 28px;
	position: absolute;
	left: 740px;
	top: 55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#po_items_hdr {
	height: 28px;
	position: absolute;
	left: 680px;
	top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#po_total_hdr {
	height: 28px;
	position: absolute;
	left: 680px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#po_rec_hdr {
	height: 28px;
	position: absolute;
	left: 825px;
	top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#po_rec_count_hdr {
	height: 28px;
	position: absolute;
	left: 880px;
	top: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_pieces_hdr {
	height: 28px;
	position: absolute;
	left: 840px;
	top: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_entry_pieces_hdr {
	height: 28px;
	position: absolute;
	left: 840px;
	top: 37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#order_total_footer {
	height: 28px;
	position: absolute;
	left: 825px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_no_hdr {
	height: 28px;
	position: absolute;
	left: 425px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_portal_no_hdr {
	height: 28px;
	position: absolute;
	left: 100px;
	top: -20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_date {
	height: 28px;
	position: absolute;
	left: 260px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_portal_date {
	height: 28px;
	position: absolute;
	left: 120px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_paid_on_date {
	height: 28px;
	position: absolute;
	left: 48px;
	top: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_status_hdr {
	height: 28px;
	position: absolute;
	left: 570px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_portal_status_hdr {
	height: 28px;
	position: absolute;
	left: 111px;
	top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_items_hdr {
	height: 28px;
	position: absolute;
	left: 715px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_portal_items_hdr {
	height: 28px;
	position: absolute;
	left: 400px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_portal_total_hdr {
	height: 28px;
	position: absolute;
	left: 404px;
	top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_total_hdr {
	height: 28px;
	position: absolute;
	left: 815px;
	top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#invoice_credit_hdr {
	height: 28px;
	position: absolute;
	left: 780px;
	top: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#qty_entry_hdr {
	height: 28px;
	position: absolute;
	left: 160px;
	top: -5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	
	vertical-align: text-bottom;
}

#message_entry_hdr {
	height: 28px;
	position: absolute;
	left: 0px;
	top: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Red;
	
	vertical-align: text-bottom;
}

table.caption_bar
{
    margin-bottom: 8px;
    width: 100%;
}
table.caption_bar td
{
    color: #ffffff;
    background-color: #3e3d3c;
    font-weight: bold;
    height: 26px;
    text-align: center;
    padding-left: 0px;
}

table.normal
{
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #686661;
}
table.normal tr.normal_header
{
    background-color: #808080; /* #ABABAB; */
    color: #ffffff;
}
table.normal tr.normal_header th
{
    height: 22px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
}
table.normal tr.normal_header th.command
{
    /* columns that have clickable command icons */
    width: 50px;
    text-align: center;
}
table.normal td.command
{
    /* clickable command icons */
    text-align: center;
}
table.normal td
{
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    height: 20px;
}

/* for row stripping in a table*/
.tr_even        
{
    background-color: #ffffff; /* #d0d4d9; */
}
.tr_odd
{
    background-color: #dfe3e8; /*#e6e6e6; */
    height: 20px;
    border-color: Blue;
}
.tr_highlight
{
    background-color: #e6e6e6;
}

.tr_even_new        
{
    background-color: white;
}
.tr_odd_new
{
    background-color: white;
}
.tr_items
{
    background-color: white;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px;
    height: 120px;
}

.hidden
{
    display: none;
} 

#company_logo
{
    margin: 0px 0px 0px 0px;
    padding: 0;
}
#company_logo_login
{
    margin: 0px 0px 0px 0px;
    padding: 0;
}
img#banner_top
{
    width: 600px; 
    height: 120px; 
    margin:  15px 15px 45px 15px;
    padding: 0;
}
img#banner_bottom
{
    width: 600px; 
    height: 120px; 
    margin:  45px 15px 15px 15px;
    padding: 0;
}
img#banner_welcome_top
{
    width: 600px; 
    height: 120px; 
    margin:  15px 15px 15px 200px;
    padding: 0;
}
.tr_odd_1
{
    background-color: #dfe3e8; /*#e6e6e6; */
    height: 20px;
    border-color: Blue;
}

.tr_even_1        
{
    background-color: #ffffff; /* #d0d4d9; */
    height: 20px;
}

#pdf_paid {
	position: absolute;
	left: 340px;
	top: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pdf_paid {
	position: absolute;
	left: 340px;
	top: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color: #C8DADA;
    padding:5px;
    border:1px solid #fff;
    width:300px;
}

.tooltip p{
    margin:0;
    padding:0;
    color: black;
    background-color: #C8DADA;
    padding:2px 7px;
}

.color_box {
    text-align: center;
    padding-left: 25px;
}

#color_box {
    text-align: center;
    padding-left: 25px;
}

td.ii_column_spacer {
    width: 8px;
}

div#ii_details_div {
    width: 550px;
    float: left;
    overflow: hidden;
}

div#ii_image_div {
    margin-left:5px;
    margin-top:20px;
}