.main{
    margin: 0px;
    padding: 13px;
    font-family: arial, verdana, sans-serif;
    font-size: medium;
    border: 1px dotted black;
    background: #408060;
    }

.main-title{
    text-align: center;
    font-weight: bold;
    }

.submit{
    font-weight: bold;
    border: 2px solid black;
    }

.new{ 
    background-color: yellow;
    }

.save{
    background-color: yellow;
    width: auto;
    }

.delete {
    background-color: red;
    }

fieldset .search{
    white-space: nowrap;
    }

.search_submit{
    width: 32px;
    height: 32px;
    vertical-align: middle;
    }

.motion_bar{
    background: #808080;
    border: 1px solid black;
    border-right: none;
    }
.motion_bar a{
    text-decoration: none;
    margin: 0px;
    width: 25px;
    min-width: 25px;
    border-right: 1px solid black;
    }
.motion_bar a:hover{
	background: #ff8080;
	}

.customer-vehicle .customer-vehicle-v td { background:white; padding: 0 4px; }
.customer-vehicle {background:#c0c0c0; }
.customer-vehicle .active_marker {
        float:left;
        color: green;
        background:white;
        font-size:x-small;
        padding:2px;
        margin-right: 10px
        }
.customer-vehicle .history {
	white-space: nowrap; 
	padding: 0 4px; 
	margin-bottom: 4px; 
	margin-left: 20px; 
	background: white; 
	float:left;
	}

/*##################################################################*/
/*#      Ajax.autocomplete                                         #*/
/*##################################################################*/

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  background-color:#e0ffff;
  background-color:#ffffd0;
  border:1px solid #888;
  margin:0;
  margin-top: 7px;
  padding:0;
  text-align: left;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  /*height:32px;*/
  cursor:pointer;
    white-space: nowrap;
    overflow: hidden;
    visibility: hidden;
    font-size: small;
    font-weight: 200;
}
div.autocomplete ul li:hover{
        background-color: green;
        }
        
div.autocomplete ul li span {
	color: black;
	color: blue;
	visibility: visible;
        font-weight: 100;
	}
div.autocomplete ul li span:hover{
        background-color: #eea;
        }
div.autocomplete ul li span b{
        color: red;
        font-weight: 900;
        }



/*##################################################################*/
/*#       Overrides on main.css                                    #*/
/*##################################################################*/

/*.input_text,
.input_number,
input.input_text,
input.input_number {
        background: white;
        color: #a0ff80;
	color: green;
        font-weight: bold;
        border:0;
	font-size: medium;
        font-family: Courier New, mono-space;
	padding: 0px 3px;
	margin: 0px 5px;
	}
input.input_text[readonly],
input.input_number[readonly] {
	background: #d0d0d0;
	color: black;
	}
table.Inventory_Detail_table {
	border-collapse: collapse; 
	border: 1px solid white; 
	padding: 0px 0px; 
	margin:0px 0px;
	}*/
table.Inventory_Detail_table tr {
	border: 1px solid white; 
	border-collapse: separate;
	}
table.Inventory_Detail_table td, 
table.Inventory_Detail_table th {
        border-right: 1px solid white;
        white-space: pre;
	padding: 3px 2px;
        }
table.Inventory_Detail_table input.input_text,
table.Inventory_Detail_table input.input_number {
	margin: 0px;
	}

/*.inventory_detail_highlight .input_number,
.inventory_detail_highlight .input_text {
        background-color: #a0a040;
        } */

.inventory_detail_highlight .input_number[readonly],
.inventory_detail_highlight .input_text[readonly] {
        background-color: #e0e040;
        }

.input_text_empty {
        width: 6em;
        height: 1em;
        }

.input_text_1row {
        width: 26em;
        height: 1em;
        }
.input_text_2row {
        width: 26em;
        height: 2.4em;
        }
.input_text_4row,
.input_text_empty:focus,
.input_text_1row:focus,
.input_text_2row:focus {
        /*width: 26em;
        height: 4.8em;*/
        }

tr.odd {
        background: white;
        }
tr.even {
        }
tr.highlight {
        background: #c0c0ff;
        }

.search_results {
	background: white;
	color: black;
	text-align: center;
	padding: 5px;
	font-size: small;
	white-space:nowrap;
	}
.search_results table {
	text-align: left; 
	border-collapse: collapse;
	margin-top: 10px;
	}
.search_results tr.search_header_row {
	background: #e0e0ff;
	}
.search_results th {
	padding: 0px 5px;
	border: 1px solid black;
	}
.search_results tr.highlight {
	background: #c0c0ff;
	}
.search_results tr.even {
	background: #e0e0e0;
	}
.search_results tr.odd {
	background: white;
	}
.search_results td {
	padding: 0px 5px;
	border: 1px solid black;
	}
.search_results a {
	text-decoration: none;
	}

div.wo-menubar {
	margin-top: 4px;
	clear: both;
	text-align: center;
	}
div.wo-menubar div {
	display: inline;
	width: 65px;
	padding: 3px;
	border: 2px solid green;
	cursor: pointer;
	border-radius: 5px;
	}

.WO input {
	border: 1px solid black;
	margin-left: 0px;
	}

.WO .taggedBox {
	display: inline-block; 
	margin-right: 13px; 
	vertical-align: bottom; 
	text-align: left;
	padding: 0px;
	}

.WO .taggedBox textarea {
	border: none;
	padding: 0px 3px;
	}

.WO .infoBox {
	background: white;
	padding: 3px;
	border: 1px solid black;
	}

table.WO-BODY {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	}

table.WO-BODY tr.WO_D th{
	padding: 0px 8px;
	}

table.WO-BODY tr.WO_D td{
	background: white;
	padding: 4px 8px;
	border: 1px solid black;
	border-spacing: 0px 0px;
	}

table.WO-BODY tr.WO_D td.otherWO,
table.WO-BODY tr.WO_D th.otherWO {
	border: none;
	background: none;
	width: 2em;
	white-space: nowrap;
	}

@media print {
    table.WO-BODY tr.WO_D .otherWO {
        display: none;
        }
    }


table.WO-BODY tr.WO_D th.otherWO {
	background: red;
	position: absolute;
	}
table.WO-BODY tr.WO_D th.otherWO div{
	position: absolute;
	top: -8px;
	left: -5px;
	font-size: xx-small;
	}

table.WO-BODY tr.WO_D td.otherWO div{
	display: inline-block;
	width: 1em;
	height: 1.5em;
	font-size: xx-small;
	border: 1px solid green;
	color: green;
	background: white;
	vertical-align: middle;
	text-align: center;
	}

table.WO-BODY tr.WO_D td.otherWO div.y{
	}

table.WO-BODY tr.WO_D td.otherWO div.n{
	color: red;
	border-color: red;
	}

table.WO-BODY tr.WO_D td.otherWO div.m{
	color: red;
	}

table.WO-BODY tr.WO_D td.otherWO div.copy{
	width: auto;
	padding: 0px 2px;
	border-radius: 5px;
	cursor: pointer;
	}

.WO .invoiceTotalBox {
	float: right; 
	clear: right; 
	margin-top: 0px;
	}

table.WO-BODY tr.WO_TOTAL div.WO_TOTAL,
.WO .bottom-section .na, 
.WO .bottom-section .ni, 
.WO .bottom-section .ta, 
.WO_TOTAL_AMOUNT {
	clear: right;
	float: right;
	width: 6em;
	text-align: right;
	background: white;
	padding: 5px 8px;
	border: 1px solid black;
	margin: 0px;
	margin-top: -2px;
	margin-right: -1px;
	margin-left: 20px;
	font-weight: bold;
	}

table.WO-BODY tr.WO_TOTAL div {
	padding: 5px 8px;
	margin: 0px;
	font-weight: bold;
	text-align: right;
	}

#bottomSection {
	margin-top: 1px;
	margin-right: 1px;
	}

.WO_TOTAL_TAG,
.WO .bottom-section .nt,
.WO .bottom-section .tt {
	padding: 5px 8px;
	margin: 0px;
	font-weight: bold;
	text-align: right;
	float: right;
	white-space: nowrap;
	}

.WO .bottom-section .na, 
.WO .bottom-section .ni, 
.WO .bottom-section .nt {
	font-weight: normal;
	padding-top: 1px;
	padding-bottom: 1px;
	}

.WO .bottom-section .ni {
	background: none;
	border: none;
	text-align: right;
	}
	
.WO .bottom-section .ni input {
	float: right;
	margin: 0px;
	padding: 0px;
	margin-right: -8px;
	padding-right: 7px;
	padding-left: 0px;
	font-family:arial,verdana,sans-serif;
	}

table.WO-BODY tr.WO_TOTAL {
	}

.WO .bottom-section {
	position: relative;
	}

.mainAction {
	padding: 3px;
	border: 2px solid green;
	cursor: pointer;
	border-radius: 5px;
	margin-left: 1px;
	}

.subActionGobutton {
	border: 1px solid green;
	border-radius: 5px;
	background: #eeeeee url('gobutton.gif') no-repeat center center;
	height: 14px;
	width: 20px;
	vertical-align: 25%;
	}
.subAction,
.subActionMiddle {
	font-size: small;
	border: 1px solid green;
	padding: 0px 0px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	font-family: arial;
	border-radius: 5px;
	margin-left: 1px;
	}
.subActionMiddle {
	margin-top: 4px;
	}

a.subAction {
	padding: 1px 5px;
	}
	


/*##################################################################*/
/*#       Single attribute classes                                 #*/
/*##################################################################*/

/*.COLOR_ESTIMATE {
	background: $COLOR_ESTIMATE;
	}

.COLOR_SHOPORDER {
	background: $COLOR_SHOPORDER;
	}

.COLOR_INVOICE {
	background: $COLOR_INVOICE;
	}*/



.left {
    float: left;
    }
.right{
    float: right;
    }
.clear{
    clear: both;
    }
.center{
    text-align: center;
    }
.padleft10{
    padding-left: 10px;
    }
.marginleft10{
    margin-left: 10px;
    }
.hidden{
    display: none;
    }