/*---------------------------------------------------------
	Note

		1.Common Style Value

			|field attr. |BACKGROUND-COLOR|
			|------------|----------------|
			|read_only   |C0FEE3          |
			|not_null    |FFFFCC          |

		2.hwaker2.css(800*600 以下) 與 hwaker.css(1024*768 以上)不同之處，
		  都標示：「(for_js_screen_size_resolve)」，基本上差別只是字型大小不同。
		  所以任何異動皆須同時更新另一個檔案。
  -------------------------------------------------------*/



/*--	[ Body ]	-------------------------------------*/
BODY {
	font-family: Arial,Verdana,Geneva,sans-serif;
	font-size: 9pt;
    color: black;
/*    background: url(/GWiERP/media/sys/background/iERP-TM.gif) repeat;*/
}
BODY.menu {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 9pt;
    background: CECECE;
}
BODY.status {
	font-family: Arial,Verdana,Geneva,sans-serif;
	font-size: 9pt;
    background: BLACK;
}



/*--	[ Paragraph ]	---------------------------------*/
P {
    font-family: Arial,verdana,Geneva,Sans-serif;
    font-size: 9pt;
    color: 000000;
}
P.ID {
    font-family: Arial,verdana,Geneva,Sans-serif;
    font-size: 10pt;
    color: 000000;
    text-align: center;
}

PRE {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 9pt;
}

FONT.big5 {
    font-family: MingLiU,Arial,verdana,Geneva,Sans-serif;
    font-size: 10pt;
    color: 000000;
    text-align: center;
}
FONT.eng {
    font-family: Arial,Verdana,Geneva,Sans-serif;
    font-size: 10pt;
    color: 000000;
}

HR	{
	size: 1pt;
}
LI {
    font-family: Arial,verdana,Geneva,Sans-serif;
    font-size: 9pt;
    color: 000000;
}
UL  {
    font-family: Arial,verdana,Geneva,sans-serif;
    font-size: 9pt;
    font-weight: medium;
}

.Border {
	border-top: ridge;
	border-bottom: ridge;
	border-left: ridge;
	border-right: ridge;
	border-width: thin;
}
.ThinRow {
    line-height: 0.1pt;
}

A:link {
	text-decoration:none;
	color: darkblue;
}
A:visited {
	text-decoration:none;
	color: purple;
}
A:alink {
	text-decoration:none;
	color: red;
}



/*--	[ Form & Elements ]	-----------------------------*/
FORM {
    font-family: Arial,verdana,Geneva,Sans-serif;
    font-size: 9pt;
    color: 000000;
}
INPUT {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
}
INPUT.NumberSty {
	text-align:right;
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
}
INPUT.Normal {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:white;
}
INPUT.Normal_number 
{
	text-align:right;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:white;
}
INPUT.read_only {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:C0FEE3;
	
}
INPUT.read_only_number {
	text-align:right;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:C0FEE3;
}
INPUT.not_null {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:FFFFCC;
}
INPUT.not_null_number 
{
	text-align:right;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:FFFFCC;
}
INPUT.normal {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
}
/* INPUT.submit_reset {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 12px;
} */

SELECT 
{
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
}

SELECT.read_only {
	font-size: 10pt;
	background-color:#C0FEE3;
}
SELECT.not_null {
	font-size: 10pt;
	background-color:#FFFFCC;
}
SELECT.Normal 
{
	border-style:dashed;
	
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:white;
}
TEXTAREA.Normal {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Arial,verdana,Geneva,sans-serif;
	FONT-SIZE: 10pt;
	BACKGROUND-COLOR:white;
}
TEXTAREA {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
}
TEXTAREA.not_null 
{
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	background-color:#FFFFCC;
}
TEXTAREA.read_only 
{
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #333333;
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	background-color:#C0FEE3;
}


/*--	[ Table ]	-----------------------------*/
TABLE.browse {
	/*text-align: center;
	background-color : White;*/
	border:0px;
}
TABLE.tabs{ 
	border-color:#FF9900; 
	border-width:2px;
	border-style : solid;
} 
TABLE.input {
	/*background-color : White;*/
	border-width:1px;
	border-color : Black;
	border-style : solid;
}
TABLE.receipts {
	background-color : Black;
	border:None;
	clear : both;
}

}
/* TABLE.full {
	padding-left:2px;
	padding-right: 2px;
} */

TR.odd_line {
	background-color : #b0ccb0;
}
TR.even_line {
	background-color : #99ff99;
}
TR.sel_line {
	background-color : #C3D6E6;
}
TR.Info {
	background-color : #CFD8F8;
}


TD {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 9pt;
	font-style: normal;
    vertical-align: middle;
}
TD.receipts {
	background-color : White;
}
TD.bottom {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 9pt;
	font-style: normal;
    vertical-align: bottom;
}
TD.tabon {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
    vertical-align: middle;
    width: 90;
    height: 50;
    text-align: center;
    background : F5F0C5;
    color: black;
}
TD.taboff {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
    vertical-align: middle;
    width: 90;
    height: 40;
    text-align: center;
    background: DFDFDF;
    color: #333333;
}
TD.info {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	font-style: normal;
    vertical-align: middle;
	height: 15;
}
TD.header {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: ffffff;
	background: #5C6AA6;
	text-align: left;
	vertical-align: middle;
}

TH {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: ffffff;
	background: #6DC4CA;
	/* background: #a3a3d1;
	background: #5C6AA6;background: #5C6AA6;
	*/
	text-align: left;
	vertical-align: middle;
}
TH.shipfrom {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: 000000;
    background: #00ccff;
    /* background: #5C6AA6; */
	text-align: left;
    vertical-align: top;
}
TH.top {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	color: FFFFFF;
    background: #a3a3d1;
    /* background: #5C6AA6; */
	text-align: center;
    vertical-align: middle;
}



/*--	[ Others ]	-----------------------------*/
OPTION {
	font-size: 12pt;
}
SUP {
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 6pt;
	font-weight: medium;
}
media.noprint { display: none; }
.FORM2{
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: BLACK;
    background: #E3E3E3;
    /* background: #5C6AA6; */
	text-align: left;
    vertical-align: MIDDLE;
}
.FORM3{
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: BLACK;
    background: #F7F7F7;
    /* background: #5C6AA6; */
	text-align: left;
    vertical-align: MIDDLE;
}
.QryReq{
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: white;
    background: #969696;
    /* background: #5C6AA6; */
	text-align: left;
    vertical-align: MIDDLE;
}
.tit{
	font-family: Arial,verdana,Geneva,sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: black;
    background: #E3E3E3;
    /* background: #5C6AA6; */
	text-align: left;
    vertical-align: MIDDLE;
}

div#div-datagrid {
width: 540;
height: 220;
overflow: auto;
scrollbar-base-color:#ffeaff;
}


/* Locks the left column */
td.locked, th.locked {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default; 
left: expression(document.getElementById("div-datagrid").scrollLeft-2); /*IE5+ only*/
}	

.FixTitle {
font-size: 14px;
font-family: Arial;
text-align: center;
background-color: #3399CC;
color: white;
height = "20px";
border-right: 1px solid silver;
position:relative;
cursor: default; 
top: expression(document.getElementById("div-datagrid").scrollTop-2); /*IE5+ only*/
z-index: 10;
}

th.locked {z-index: 99;}