﻿/*  Css ไม่ใช้-----*/ 

.idmenu  a:link    {
	text-decoration: none;
	color: #666666
}

.idmenu  a:visited {
	text-decoration: none;
	color: #CC00CC
}

.idmenu  a:active  {
	text-decoration: none;
	color: #f98100
}

.idmenu  a:hover   {
	text-decoration: none;
	color: #f98100
}

.idmenu {
	font-family: arial, bold;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;

}

.idtxtprint {
	font-family: "MS Sans Serif";
	font-size:9px;
	font-style: normal;
    color: #000000;
}
.txt10{
	font-family: "Tahoma";
	font-size: 10px;
	font-style: normal;
    color: #999999;
}
.txt11{
	font-family: "Tahoma";
	font-size: 11px;
	font-style: normal;
    color: #666666;
}



.txt12White{
	font-family: "Tahoma";
	font-size: 11px;
	font-style: normal;
    color: #ffffff;
}
.idblog  a:link    { text-decoration: none; color: #7f7f7f }

.idblog  a:visited { text-decoration: none; color: #7f7f7f }

.idblog  a:active  { text-decoration: none; color: #5fb000}

.idblog  a:hover   { text-decoration: none;  color: #5fb000 }

.idblog {
	font-family: tahoma, bold;
	font-size: 11px;
	text-decoration: none;
	color:#333333;

}
.doth{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 10px;
	font-style: normal;
    color: #666666;
}




.idblog2  a:link    {
	text-decoration: none;
	color: #FF6600
}

.idblog2  a:link    { text-decoration: none; font-weight:bold; color: #2d6e00}

.idblog2  a:visited { text-decoration: none; font-weight:bold; color: #2d6e00}

.idblog2  a:active  { text-decoration: none; font-weight:bold; text-decoration: underline; color: #fe7e00}

.idblog2  a:hover   { text-decoration: none; font-weight:bold; text-decoration: underline; color: #fe7e00 }

.idblog2 {
	font-family: arial;
	font-size: 11px;
	text-decoration: none;

}
.txt11L{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 11px;
	font-style: normal;
    color: #ffffff;
	text-decoration : line-through;
}

.txt12L{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	font-style: normal;
    color: #ffffff;
	text-decoration : line-through;
}

 TR.BarFlied  {
	BACKGROUND: #eeeeee;
    font-family: arial, bold;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
}


.txtprint{
	font-family: AngsanaUPC;
	font-size: 18px;
	font-style: normal;
  
}

.txtprint1{
	font-family: AngsanaUPC;
	font-size: 20px;
	font-style: normal;
  
}

.txtprint4{
	font-family: AngsanaUPC;
	font-size: 16px;
	font-style: normal;
  
}
.txtprint2{
	font-family: Tahoma;
	font-size: 14px;
	font-style: normal;
  
}

.txthead{
	font-family: AngsanaUPC;
	font-size: 20px;
	font-style: normal;
  
}

/*  Css ที่ใช้  ---------------------------------------------------------------------------------------*/  

TABLE.productListing {
	BORDER-RIGHT: #b6b7cb 1px dotted; BORDER-TOP: #b6b7cb 1px dotted; BORDER-LEFT: #b6b7cb 1px dotted; BORDER-BOTTOM: #b6b7cb 1px dotted; border-spacing: 1px
}

.system_input_left1 { font-family: "arial, bold"; font-size: 13px; color: #000000; background-image:url('../images/2.gif'); border-width: 0px; border-left-width: 0px; border-right-width: 0px; border-color: #FFFFDD; height:18px; text-align: left; }
.system_input_left3 { font-family: "arial, bold"; font-size: 13px; color: #0099CC; background-image:url('../images/2.gif'); border-width: 0px; border-left-width: 0px; border-right-width: 0px; border-color: #FFFFDD; height:18px; text-align:left; }
.system_input_left2 { font-family: "arial, bold"; font-size: 13px; color: #000000; background-color: #99CCFF; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; height:18px; text-align: left; }


.system_input_left6 { font-family: "arial, bold"; font-size: 13px; color: #000000; background-color: #99CCFF; border-width: 1px; border-left-width: 1px; border-right-width: 1px; border-color: #FFFFDD; height:18px; text-align: right; }

.system_input_left7 { font-family: "arial, bold"; font-size: 13px; color: #000000; background-image:url('../images/2.gif'); border-width: 0px; border-left-width: 0px; border-right-width: 0px; border-color: #FFFFDD; height:18px; text-align: right; }





.system_input_left4 { font-family: "arial, bold"; font-size: 13px; color: #000000; background-image:url('../images/line.gif'); border-width: 0px; border-left-width: 0px; border-right-width: 0px; border-color: #FFFFCC; height:18px; text-align: left; }

.system_input_left5 { font-family: "arial, bold"; font-size: 16px; color: #000000; background-image:url('../images/line.gif'); border-width: 0px; border-left-width: 0px; border-right-width: 0px; border-color: #FFFFDD; height:22px; text-align: left; }
.tabletop{
BORDER-TOP: #000000 1px dotted; border-spacing: 1px; 
}

.tableright{
BORDER-LEFT: #000000 1px dotted; BORDER-RIGHT: #000000 1px dotted; BORDER-TOP: #000000 1px dotted; border-spacing: 1px; 
}

.tableleft{
BORDER-LEFT: #000000 1px dotted;  BORDER-TOP: #000000 1px dotted; border-spacing: 1px; 
}

.tableBottomleft{
BORDER-LEFT: #000000 1px dotted;  BORDER-BOTTOM: #000000 1px dotted; border-spacing: 1px; BORDER-TOP: #000000 1px dotted;
}


.tableBottomright{
BORDER-LEFT: #000000 1px dotted; BORDER-RIGHT: #000000 1px dotted; BORDER-BOTTOM: #000000 1px dotted; border-spacing: 1px; BORDER-TOP: #000000 1px dotted;
}

.tableBottom{
 BORDER-BOTTOM: #000000 1px dotted; border-spacing: 1px; 
}

.tableleft1{
BORDER-LEFT: #000000 1px dotted;  border-spacing: 1px; 
}


.RightBottom{
BORDER-RIGHT: #000000 1px dotted;BORDER-BOTTOM: #000000 1px dotted;

}


.coltableround{
BORDER-RIGHT: #000000 1px dotted; BORDER-LEFT: #000000 1px dotted; BORDER-BOTTOM: #000000 1px dotted;BORDER-TOP: #000000 1px dotted;
}


.coltable{
BORDER-RIGHT: #000000 1px dotted; BORDER-LEFT: #000000 1px dotted; BORDER-BOTTOM: #000000 1px dotted;
}
.colright{
BORDER-RIGHT: #000000 1px dotted; BORDER-TOP: #000000 1px dotted; border-spacing: 1px; 
}
.coltop{
BORDER-TOP: #000000 1px dotted;
}
.colrightsig{
BORDER-RIGHT : #000000 1px dotted;
}
.txtdisplay{
	font-family: "Tahoma";
	font-size: 13px;
	font-style: normal;
    color: #000000;
}


.coltableso{
BORDER-RIGHT: #000000 1px solid ; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;
}
.colrightso{
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; border-spacing: 1px; 
}

.colrighttbso{
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; border-spacing: 1px; BORDER-BOTTOM: #000000 1px solid;
}

.colttbso{
BORDER-TOP: #000000 1px solid; border-spacing: 1px; BORDER-BOTTOM: #000000 1px solid;
}



.coltopso{
BORDER-TOP: #000000 1px solid;
}

.colheadso{
BORDER-RIGHT: #000000 1px solid ; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid;
}

.colheadsubso{
BORDER-RIGHT: #000000 1px solid ; BORDER-LEFT: #000000 1px solid; 


}

.colBottomso{
BORDER-BOTTOM: #000000 1px solid;
}

.colrso{
BORDER-RIGHT: #000000 1px solid ; 


}

.collso{
BORDER-Left: #000000 1px solid ; 


}

.coltablesolb{
BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;

}

.coltablesolbw{
BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 5px double;

}

.coltableroundso{
BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid ;BORDER-TOP: #000000 1px solid;
}

.coltablerbso{
BORDER-RIGHT: #000000 1px solid ; BORDER-BOTTOM: #000000 1px solid;
}


.txtdisplay1{
	font-family: "AngsanaUPC";
	font-size: 18px;
	font-style: normal;
    color: #000000;
}





.idmenu14 {
	font-family: arial, bold;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
}	



.idmenu12 {
	font-family: arial, bold;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;	
	

}
.dothred{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 10px;
	font-style: normal;
    color: #FF0000;
}

.dothblue{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 10px;
	font-style: normal;
    color: #006;
}

.dothred1{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 13px;
	font-style: normal;
    color: #FF0000;
	
	
}


.dothblue1{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 13px;
	font-style: normal;
    color: #006;

}


.doth1{
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 13px;
	font-style: normal;
    color: #666666;
}





.buttonText { font-family : Tahoma, Arial, Helvetica, Sans Serif,Sans; font-size : 11px; color: #000000; CURSOR: hand; }



.txtprint2{
	font-family: MS Sans Serif;
	font-size: 12px;
	font-style: normal;
  
}

.txtprint3{
	font-family: AngsanaUPC;
	font-size: 16px;
	font-style: normal;
  
}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.linebox { 
height: 20px; 

background-color: transparent; 
border-style: solid; 
border-width: 0px 0px 1px 0px; 
border-color: black; 
outline:0; 
} 













