.pic {float:left; width:74px; text-align:left; margin:0px 0px;}
.pic ul {float:right; white-space:nowrap; vertical-align:top; margin:0px 0px;}
.pic li {margin:0px 1px; clear:left; display:inline-block;}
.pic li img { vertical-align:middle; width:15px; height:15px;}

/* 200px / 16 = 12.5em
:focus {outline:none;background-color:red}

input[type=text],input[type=email],input[type=url],input[type=number],input[type=search], 

input[type='text']:focus{ 
text-align:left; 
}

.invoice-qty,.invoice-discount,.invoice-unitprice,.invoice-discount-base,.invoice-freight:focus{ 
text-align:left; 
}

:focus {outline:none;border:1px solid red}*/
  
.invoice-qty:focus{ 
text-align:left; 
} 

.invoice-discount:focus{ 
text-align:left; 
} 

.invoice-unitprice:focus{ 
text-align:left; 
}

.invoice-unitCost:focus{ 
text-align:left; 
}

.invoice-discount-base:focus{ 
text-align:left; 
}

.summary-Freight:focus{ 
text-align:left; 
}

.summary-POFreight:focus{ 
text-align:left; 
}

.box  
{
    width:400px; 
    height:300px; 
    position:fixed; 
    margin-left:-200px; 
    margin-top:-250px;
    top:50%; 
    left:50%; 
    line-height:30px;
} 

.box2
{
    width:600px; 
    height:340px; 
    position:fixed; 
    margin-left:-300px; 
    margin-top:-170px;
    top:50%; 
    left:50%; 
} 

#Msg, #Msg2
{
    color:red;
    font-weight:bold;
    /*text-decoration:blink;*/
}

table.index-common 
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table.index-common td 
{
    padding: 1px;
    border: solid 1px #e8eef4;
}

table.index-common tr.wide td 
{
    padding: 4px 5px;
    border: solid 1px #e8eef4;
}

div.date-display 
{
	background-color:#F5DEB3;
	border:1px 1px 1px 1px double #BBB;
	border-color:Orange;
	width:80px;
	text-align:center;
}

table.index-common th 
{
    padding: 4px 5px;
    text-align:center;
    /*background-color: #90EE90;*/
    background-color:#a6c9e2;
    color:Black;
    border: solid 1px #79b7e7;
    /*background-color:#5c9ccc;
    color:#ffffff;    
    border: solid 1px #4297d7;*/
}

.readonly 
{
	background-color:#F5DEB3;
	border:1px 1px 1px 1px double #BBB;
	border-color:#F5DEB3;
}

.fnBtn1
{
	background-color:#00FFFF;
	font-weight: bold;
	height: 30px;
}

.fnBtn2
{
	background-color:#728FCE;
	color: White;
	font-weight: bold;
	height: 30px;
}

.fnBtn3
{
	background-color:#00FFFF;
	font-weight: bold;
}

.needInputField
{
	background-color:#FFFF00;
	font-weight: bold;
}

input.invoice-unitprice
{
	background-color:#FFFF00;
}

.inactiveField
{
	background-color:#F6358A;
	color: White;
	font-weight: bold;
}

td.item-colum1 
{
	 width:100px;
	 text-align:right;
}

td.item-colum2 
{
	 width:260px;
}

select#StockID 
{
	width:250px;
}

select#ProductID 
{
	width:200px;
}

input.item-large 
{
	width:250px;
}

input.item-middle 
{
	width:200px;
}

input.item-small 
{
	width:50px;
}

input.item-outcomecode 
{
	width:90px;
}

input.item-price, input.item-markup, input.item-cost, input.money-format, input.price-adjustment, input.item-money
{
	width:70px;
	text-align:right;
}

.price-display-items 
{
    background-color:#DDD;
}

img.SmallfindIcon 
{
	width:20px;
	height:20px;
	vertical-align:middle;
}

img.addPackingIcon 
{
	width:20px;
	height:20px;
	vertical-align:middle;
}

img.findPackingIcon 
{
	width:20px;
	height:20px;
	vertical-align:middle;
}

textarea#Remarks 
{
	width:550px;
}

select#UnitID, select#PackingID 
{
	width:150px;
}

input.invoice-companyname 
{
	width:300px;
}

input.invoice-phone
{
	width:130px;
}

#tabs-2 #ShipToID 
{
	width:300px;
}

input.invoice-date
{
	width:80px;
	text-align:center;
}

input.invoice-number { width:80px; }
input.invoice-modifiedby { width:170px; }

#form-Invoice #TermID, #form-Invoice #ShipViaID, #form-Invoice #StockID { width:180px; }
#form-Invoice #CustomerID { width:300px; }

#Customer-Edit #CurrencyID { width:160px; }
#Customer-Edit #LanguageID { width:160px; }
#Customer-Edit #PriceTypeID { width:160px; }
#Customer-Edit #TaxRateID { width:160px; }
#Customer-Edit #StockID { width:160px; }

#Vendor_Edit #PriceTypeID  { width:160px; }
#Vendor_Edit #CurrencyID { width:160px; }
#Vendor_Edit #LanguageID { width:160px; }
#Vendor_Edit #TaxRateID { width:160px; }
#Vendor_Edit #StockID { width:160px; }


input.invoice-revision
{
	width:50px;
	text-align:center;
}

#item_PartNo
{
	text-align:left;
}

input.invoice-qty, input.invoice-ps, input.invoice-discount, input.invoice-unitprice, input.invoice-discount-base, input.invoice-minqty, input.invoice-maxqty, input.invoice-total
{
	text-align:right;
}

input.invoice-baseprice, input.invoice-subtotal, input.invoice-unitCost, input.invoice-totalCost, input.invoice-profitMargin, input.invoice-itemWeight, input.invoice-itemVolume, input.invoice-TotalWeight, input.invoice-TotalVolume
{
	text-align:right;
}

input.payment-Total, input.payment-GST, input.payment-PST, input.payment-AmountPaid, input.payment-BalanceDue, input.payment-NowPay
{
	text-align:right;
}

input.payment-calculate
{
    width:100%;
	text-align:center;
}

input.invoice-calculate
{
	width:100%;
	text-align:right;
}

input.summary-Item
{
	width:40px;
	text-align:center;
}

input.summary-POItem
{
	width:70px;
	text-align:center;
}

input.summary-POFreight
{
	width:90px;
	text-align:right;
}

input.summary-Wgt, input.summary-Tax, input.summary-Freight
{
	width:65px;
	text-align:right;
}

input.summary-GST
{
	width:75px;
	text-align:right;
}

input.summary-Amt
{
	width:90px;
	text-align:right;
}

input.sum-color
{
    background:white;
}

input.invoice-modified
{
	width:100px;
}

textarea#Remarks.invoice-remarks, textarea#Memo.invoice-remarks
{
	width:400px;
}

.thumbnail
{
    position:relative;
    z-index:0;
}

.thmbnail:hover
{
    background-color:transparent;
    z-index:50;
}

.thumbnail span
{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #00FFFF;    
    padding: 5px;
    left: -1000px;
    border: 2px solid gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img
    { /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    width: 400px;
    height: 300px;    
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -80px;
    left: 400px; /*position where enlarged image should offset horizontally */
}

.rowchanged td
{
    /*background-color: #FFC0CB;*/
    color: Red;
    font-weight: bolder;
}
.rowchanged.ui-state-hover td
{
    /*background-color: #FFB6C1;*/
    font-size: small;  
}
.rowchanged.ui-state-highlight td
{
    /*background-color: #FFB6C1;*/
    font-size: small; 
}

.rowchanged2 td
{
    /*background-color: #90EE90;*/
    color: Blue;
    font-weight: bolder;
}
.rowchanged2.ui-state-hover td
{
    /*background-color: #98FB98;*/
    font-size: small;
}
.rowchanged2.ui-state-highlight td
{
    /*background-color: #98FB98;*/  
    font-size: small;
}

.rowchanged3 td
{
    /*background-color: #87CEEB;*/   
    color: Green;
    font-weight: bolder;
}
.rowchanged3.ui-state-hover td
{
    /*background-color: #87CEFA;*/  
    font-size: small; 
}
.rowchanged3.ui-state-highlight td
{
    /*background-color: #87CEFA;*/  
    font-size: small;
}

.rowchanged4 td
{
    /*background-color: #87CEEB;*/   
    color: #808080;   /*dark grey*/
    font-weight: lighter;
}
.rowchanged4.ui-state-hover td
{
    /*background-color: #87CEFA;*/  
    font-size: small; 
}
.rowchanged4.ui-state-highlight td
{
    /*background-color: #87CEFA;*/  
    font-size: small;
}

.rowchanged5 td
{
    /*background-color: #87CEEB;*/   
    color: Blue;
    font-weight: bolder;
}
.rowchanged5.ui-state-hover td
{
    /*background-color: #87CEFA;*/  
    font-size: small; 
}
.rowchanged5.ui-state-highlight td
{
    /*background-color: #87CEFA;*/  
    font-size: small;
}

.rowchanged6 td
{
    /*background-color: #87CEEB;*/   
    color: Red;
    font-weight: bolder;
}
.rowchanged6.ui-state-hover td
{
    /*background-color: #87CEFA;*/  
    font-size: small; 
}
.rowchanged6.ui-state-highlight td
{
    /*background-color: #87CEFA;*/  
    font-size: small;
}

.rowchanged7 td
{
    /*background-color: #87CEEB;*/   
    color: Black;
    font-weight: bolder;
}
.rowchanged7.ui-state-hover td
{
    /*background-color: #87CEFA;*/  
    font-size: small; 
}
.rowchanged7.ui-state-highlight td
{
    /*background-color: #87CEFA;*/  
    font-size: small;
}

.rowchanged8 td {
    /*background-color: #87CEEB;*/
    color: magenta;
    font-weight: bolder;
}

.rowchanged8.ui-state-hover td {
    /*background-color: #87CEFA;*/
    font-size: small;
}

.rowchanged8.ui-state-highlight td {
    /*background-color: #87CEFA;*/
    font-size: small;
}

.evenTableRow { background-color:#FFFFFF;color:#000000; }   
.oddTableRow  { background-color:#F2F5A9;color:#000000; }