<!--

body {
	background-color: #A5B3BD;
 font-size:12px;
}
td, div {
	font-family: Tahoma;
	font-size : 12px;
}

select{
	font-family: Tahoma;
	font-size : 12px;
	border: 1px solid #999999;
}

input[type=text],input[type=password]{
	font-family: Tahoma;
	font-size : 12px;
	border: 1px solid #CCCCCC;
	height: 20px;
}

.tbHead{
	background-color: #CBDCED;
	color: #2D809F;
}

.tgHead{
	background-color: #CBDCED;
	color: #2D809F;
}

H1{
	color: #2858FF;
	padding:5px 0px 0px 10px;
	border-bottom: 1px dotted #AAAAAA;
}
H2{
	/*background-color: #EDEFEE;*/
	color: #B5B5B5;
	padding:5px 0px 0px 10px;
	border-bottom: 1px dotted #AAAAAA;
}

fieldset{
	border:none;
	background-color: #EDEFEE;
}

.styled-button-1 {
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
	background-color: #FA2;
	border-radius: 3px;
	border-bottom-color: #333;
	border: none;
	border-width: 0;
	box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 0px 0px;
	color: #FFF;
	font-family: 'Tahoma', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	padding: 4px 16px;
}

.bodybg{
background-color: #FFFFFF;
background-image:url('../images/bodybg.jpg');
background-repeat:no-repeat;
background-position:top left;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none}
a:hover {text-decoration: none; color: red;}

.Linkout{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.Linkout:link {text-decoration: underline;color: #cc0000; font-weight: bold;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkout:visited {text-decoration: underline;color: #cc0000; font-weight: bold;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkout:hover {text-decoration: underline;color: #669966; font-weight: bold; font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkout:active {text-decoration: underline;color: #669966; font-weight: bold;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.Mainmanu{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.Mainmanu:link {text-decoration: none;color: #FFFFFF; font-weight: bold;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Mainmanu:visited {text-decoration: none;color: #FFFFFF; font-weight: bold;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Mainmanut:hover {text-decoration: none;color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Mainmanu:active {text-decoration: none;color: #FFFFFF; font-weight: bold;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.Linkmenu{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.Linkmenu:link{color: #0000FF; text-decoration: underline ; font-weight: bold;  font-size: 13px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenu:visited{color: #0000FF; text-decoration: underline ; font-weight: bold;  font-size: 13px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenu:hover {text-decoration: underline;color:#FF9900; font-weight: bold; font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenu:active {text-decoration: underline;color:#FF9900; font-weight: bold; font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.Linkmenu2{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.Linkmenu2:link{color: #838383; text-decoration: underline ; font-weight: bold;  font-size: 13px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenu2:visited{color: #838383; text-decoration: underline ; font-weight: bold;  font-size: 13px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenu2:hover{color: #838383; text-decoration: underline ; font-weight: bold;  font-size: 13px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenu2:active{color: #838383; text-decoration: underline ; font-weight: bold;  font-size: 13px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.Linkmenuline{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.Linkmenuline:link{color: #2858FF; text-decoration:     font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenuline:visited{color: #2858FF; text-decoration:    font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenuline:hover {text-decoration: underline;color: #2858FF;   font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenuline:active {text-decoration: underline;color: #2858FF;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.Linkmenuline2{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.Linkmenuline2:link{color: #48A4FF; text-decoration:     font-size: 14px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenuline2:visited{color: #48A4FF; text-decoration:    font-size: 14px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenuline2:hover {text-decoration: underline;color: #48A4FF;   font-size: 14px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.Linkmenuline2:active {text-decoration: underline;color: #48A4FF;  font-size: 14px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.LinktxtBlack{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.LinktxtBlack:link{color: #000000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBlack:visited{color: #000000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBlack:hover{color: #000000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBlack:active{color: #000000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.LinktxtBlue{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.LinktxtBlue:link{color: #0000FF; text-decoration:  ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBlue:visited{color: #0000FF; text-decoration:  ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBlue:hover{color: #0000FF; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBlue:active{color: #0000FF; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.LinktxtGray{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.LinktxtGray:link{color: #666666; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtGray:visited{color: #666666; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtGray:hover{color: #666666; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtGray:active{color: #666666; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.LinktxtBrowe{/*font-family: "microsoft Sans Serif", tahoma, Arial;font-size: 12px;color: #000066;*/}
a.LinktxtBrowe:link{color: #990000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBrowe:visited{color: #990000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBrowe:hover{color: #990000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}
a.LinktxtBrowe:active{color: #990000; text-decoration: underline ; font-weight: none;  font-size: 12px; font-family: "Tahoma", AngsanaUPC, CordiaUPC;}

.txtFooter {
	FONT-FAMILY: verdana, helvetica, sans-serif; FONT-SIZE: 13px; color:#FFFFFF
}

.txtWarningRed{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:bold;
	color: #FF9900;
}

.txtRed{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:none;
	color: #FF0000;
}
.txtWarningBlue{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:bold;
	color:#0066CC;
}

.txtHeadBlue{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:bold;
	color:#0000FF;
}

.txtHeadGreen{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:bold;
	color:#006600;
}

.txtBlue{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:none;
	color:#8AAEC4;
}

.txtGreen{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:none;
	color:#006600;
}
.txtBlue1{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:none;
	color:#0000FF;
}

.txtGray{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:none;
	color:#666666;
}

.txtHeadgreen{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 16px;
	font-weight:bold;
	color:#669966;
}

.txtYellow{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	font-weight:bold;
	color:#FFFF99;
}

.txtNomalBlack{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	color:#000000;
}

.txtBoldBlack{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	color: #000000;
}

.txtBoldBlack{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	color:#000000;
	font-weight:bolder;
}

.txtNoBrowe{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	color:#FFFFFF;
}

.txtBlodDarkBlue{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 12px;
	color:#336699;
	font-weight:bolder;
}

.txtBlodDarkBlue16{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 16px;
	color:#336699;
	font-weight:bolder;
}

.button1 {
	BORDER-RIGHT: #990033 2px solid; 
	BORDER-TOP: #990033 2px solid; 
	BORDER-LEFT: #990033 2px solid; 
	CURSOR: hand; 
	COLOR: #eeeeee; 
	BORDER-BOTTOM: #990033 2px solid; 
	FONT-FAMILY: 'MS Sans Serif' , Verdana; 
	BACKGROUND-COLOR: #ff0000
}

.button2 {
	BORDER-RIGHT: #cc6600 2px solid; 
	BORDER-TOP: #cc6600 2px solid; 
	BORDER-LEFT: #cc6600 2px solid; 
	CURSOR: hand; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #cc6600 2px solid; 
	FONT-FAMILY: 'MS Sans Serif' , Verdana; 
	BACKGROUND-COLOR: #ff9900
}

.cell_1 {
	FONT-SIZE: 10pt; 
	BORDER-STYLE: none;
	FONT-FAMILY: 'MS Sans Serif', Verdana; 
	color:#000000
}

.cell_ {
	FONT-SIZE: 10pt; BORDER-BOTTOM: #999999 1pt solid; FONT-FAMILY: 'MS Sans Serif', Verdana; BACKGROUND-COLOR: #ffffff; color:#000000
}

.txtMainMenu{
	font-family: "Tahoma", AngsanaUPC, CordiaUPC;
	font-size: 18px;
	font-weight:bold;
	color:#0000FF;
}
.txtPrint{
	font-family: "Cordia New", AngsanaUPC, CordiaUPC;
	font-size: 16px;
	font-weight:none;
	color:#000000;
}
.txtPrintB{
	font-family: "Cordia New", AngsanaUPC, CordiaUPC;
	font-size: 18px;
	font-weight:bold;
	color:#0000FF
}
.txtPrintH{
	font-family: "Cordia New", AngsanaUPC, CordiaUPC;
	font-size: 16px;
	font-weight:bold;
	color:#990000;
}

.dashBody{
	border:dashed; 
	padding:5px; 
	border-width:1px; 
	border-color:#CCCCCC; 
	background:#FFFFFF;
}

.menuactive{
padding:6px 12px 6px 12px; 
background-color:#FFFFFF; 
font-weight:bold; color:#000000;
margin:3px; 
}
.menuinactive{
padding:6px 12px 6px 12px; 
background-color:#F7DEDE;
margin:3px; 
}
#mainmenu span:hover{
	background: #FFFFFF;
	color:#CC0000;
}


/* STANDARD */

span:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

span.positive, .buttons a.positive{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	padding: 5px 10px 5px 10px;
}
.buttons a.positive:hover, span.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, span.negative{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
	padding: 5px 10px 5px 10px;
}
.buttons a.negative:hover, span.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

span.regular, .buttons a.regular{
    background-color:#EFEFEF;
    border:1px solid #D2D5D5;
    color:#336699;
	padding: 5px 10px 5px 10px;
}
.buttons a.regular:hover, span.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#kpi_bar {
	background-repeat: no-repeat;
	background-image: url(images/kpibar.gif);
}

.onlineShowOnline{
	display: block;
	position: fixed;
	top: 0px;
	right:0px;
	background-color: rgba(0,255,0,0.5);
	margin-top: 2px;
	margin-right: 6px;
	padding: 5px;
	border-radius: 5px;
}
.onlineShowOffline{
	display: block;
	position: fixed;
	top: 0px;
	right:0px;
	background-color: rgba(255,0,0,0.5);
	margin-top: 2px;
	margin-right: 6px;
	padding: 5px;
	border-radius: 5px;
}

-->