/* DEFAULTS
----------------------------------------------------------*/


.Title {
    background-color: #FFFF66;
    font-size: xx-large;
    color: #000000;
    width: 40%;
}
.EmptyBand {
    height:5px;
}
.HeightEmptyBand {
    height:60px;
}
.ContentPlaceHolder {  
    
}

Body
{
    background: #FFFFFF url('../Immage/AppBackGround.jpg');
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}





/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 61px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and Right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/





.page_search
{
    margin: 10px auto 10px auto;
    border: 1px solid #496077;
    width: 700px;
    background-image: url('../Immage/App.jpg');
}

.page_inventory
{
    margin: 10px auto 10px auto;
    border: 1px solid #496077;
    width: 850px;
    background-image: url('../Immage/App.jpg');
}
.page_OrderBy {
    background-color: #FF9933;
    margin: 10px;
    border: 1px solid #496077;
    width: 100px;
}

.page_searchCustomer
{
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
    width: 780px;
}
.page_SelectType
{
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
    width: 200px;
}


.SystemBottom {
    border: 1px solid #808000;
    background-color: #FF6600;
    color: #FFFFFF;
    padding-Right: 10px;
}

.StatusBar_Bulletin
{
    word-wrap: normal;
    border: 1px solid #808000;
    background-color: #FF6600;
    color: #CC0000;
    padding-Right: 10px;
    width: 60%;
}
.SystemBody
{
vertical-align:top;

}
.loginDisplay
{
    background-color: #663300;
    display: block;
    text-align: Right;
    color: White;
    font-size: medium;
}
.header h1
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    line-height: 2em;
    font-size: 2em;
    height: 56px;
}

.main
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 620px;

    
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    background-color: #fff;
    margin: 10px auto 0px auto;
    border: 1px solid #496077;
    color: #000000;
}


/* TAB MENU   
----------------------------------------------------------*/
.menuitem
{
     padding: 10px;
    background-color: #800000;
    border: 1px solid #AFD788;
    color: #dde4ec;
    display: block;
    line-height: 1.1em;
    font-size: Large;
}
.menuitemHover
{
    padding: 10px;
    background-color: #AFD788;
    border: 1px solid #FFFF00;
    color: #000000;
    display: block;
    line-height: 1.1em;
    font-size: Large;
}
.menuItemfont
{
    font-size: 1.1em;
    display: block;
    text-align:Right;
    padding: 10px;
    color: White;
}

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 0px 0px 0px 0px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #663300;
    border: 1px #AFD788 solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    width: 130px; 
}

div.menu ul li a:hover
{
    background-color: #AFD788;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #AFD788;
    color: #cfdbe6;
   text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    text-align: left;
    vertical-align:bottom;
    top: 0px;
    left: 0px;
    height: 49px;
}



.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

/*ShowModal

.modalPopup{
	background-color:#ffffdd;
	border-style:solid;
    font-family: "Tahoma" , "宋体";
	width:200px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
*/
/*有ICON的BUTTON*/





.tileImage
{
background-image: url('../Immage/Logo.jpg');
height: 61px;
}








/*HyperLink样式
        A:link {color: green ;font-family: "Tahoma", "宋体";}
        A:visited {color: green ;font-family: "Tahoma", "宋体";}
        A:active {color: green ;font-family: "Tahoma", "宋体";}
        A:hover {color: green ;font-family: "Tahoma", "宋体";}
*/

/*Table样式*/
.TableCSS
{
    margin-left:20px; 
    margin-Right:20px; 
    width:94%;
    /*Table顯示空白格邊框*/
    border-collapse: collapse;
}







/*按钮样式*/
.ButtonCss {
    font-family: "Tahoma", "宋体";
    font-size: 9pt; color: #000000;
    border: 1px solid Aqua;
    color:#000000;
    background-color: Aqua;
    font-style: normal;
    width:71px;
    height: 20px;

}





/*MessageBox*/
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}





.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}


/*ShowModal

.modalPopup{
	background-color:#ffffdd;
	border-style:solid;
    font-family: "Tahoma" , "宋体";
	width:200px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
*/
/*有ICON的BUTTON*/
.tileImage
{
background-image: url('../Immage/Logo.jpg');
height: 61px;
}

.TP_ShiftInputMethod
{
    background-image: url('../Immage/Cancel.png'); /* 16px x 16px */
    background-repeat: no-repeat;
    background-position: left;
    background-color: #008080;
    height: 45px;
    width: 196px;
    color: #FFFFFF;
}


.AppendButton
{
    background-image: url('../Immage/Append.png'); /* 16px x 16px */
    background-repeat:no-repeat;
    background-position:left;
    font-family: "Tahoma", "宋体";
    background-color:#663300;
    color:White;
    width:100px;
    height: 40px;
    Font-Size:large;
}



.ExportButton
{
    font-family: "Tahoma", "宋体";
    background-color:#663300;
    color:White;
    width:240px;
    height: 40px;
    Font-Size:medium;
}
.AppendProductButton
{
    background-image: url('../Immage/Append.png') ; /* 16px x 16px */
    background-repeat:no-repeat;
    background-position:left;
    font-family: "Tahoma", "宋体";
    background-color:#663300;
    color:White;
    width:160px;
    height: 40px;
    Font-Size:large;
}
.ButtonEA {
    background-repeat: no-repeat;
    background-position: left;
    background-color: #00FF00;
    color: #000000;
    width: 100px;
    height: 30px;
    Font-Size: large;
}
.ButtonDA {
    background-repeat: no-repeat;
    background-position: left;
    background-color: #00FF00;
    color: #808080;
    width: 100px;
    height: 30px;
    Font-Size: large; 
    border: 1px solid #DDD;
	color:#ACA899;
    /* text-shadow: -1px -1px gray, 1px 1px gray;
 t -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}
.PopupButton
{
    background-image: url('../Immage/Search.png') ; /* 16px x 16px */
    background-repeat:no-repeat;
    background-position:left;
    font-family: "Tahoma", "宋体";
    background-color:#00FF00;
    color:White;
    width:27px;
    height: 27px;
    vertical-align:bottom;
    
    
}


.inputbox
{
width:50px;

height:50px;

}

.CloseButton
{
    background-image: url('../Immage/Close.png') ; /* 16px x 16px */
    background-repeat:no-repeat;
    background-position:left;
    font-family: "Tahoma", "宋体";
    background-color:#663300;
    color:White;
    width:100px;
    height: 40px;
    Font-Size:large;
}



.AuthorityButton
{
    background-image: url('../Immage/Authority.png'); /* 16px x 16px */
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Tahoma" , "宋体";
    background-color: #00FFFF;
    color:White;
    width:140px;
    height: 40px;
    Font-Size:large;
}

/*HyperLink样式
        A:link {color: green ;font-family: "Tahoma", "宋体";}
        A:visited {color: green ;font-family: "Tahoma", "宋体";}
        A:active {color: green ;font-family: "Tahoma", "宋体";}
        A:hover {color: green ;font-family: "Tahoma", "宋体";}
*/

/*Table样式*/
.ReportAlign
{
    
}

.TableCSS
{
    margin-left:10px; 
    margin-Right:10px; 
    width:94%;
    border-collapse: collapse
}
.PopupSearchWidth
{
    margin-left:10px; 
    margin-Right:10px; 
    width:90%;
    /*Table顯示空白格邊框*/
    border-collapse: collapse
}
.Header {

    width:100%;
    border-collapse:collapse;

}
.Footer {

    width:100%;
    border-collapse:collapse;

}

.TableEdit {
    border: 1px solid #0000FF;
    margin-left: 10px;
    margin-Right: 10px;
    width: 98%; /*Table顯示空白格邊框*/
    border-collapse: collapse;
}
.TableErroMessage
{
    margin-left:10px; 
    margin-Right:10px; 
    width:98%;
    /*Table顯示空白格邊框*/
    border-collapse: collapse;
}
.LabelErroMessage
{
    color: #FF0000;
    font-size: x-large;
    padding-top: 20px;
    padding-Right: 20px;
    padding-bottom: 20px;
}
.ButtonGroup
{
    padding: 10px;
}


.PopupTableCSS
{
    margin-left:20px; 
    margin-Right:20px; 
    margin-top:20px;
    margin-bottom:20px;
    width:96%;
    /*Table顯示空白格邊框*/
    border-collapse: collapse;
}
.TitleStyle
{
    Font-Size:large;
}


td {
    word-break: break-all;
    word-wrap: break-word;
    top: 0px;
    left: 0px;
    padding: 1px; /*vertical-align:top;*/
    Font-Size:large;
    color: #000000;
}

td.Padding
{
    white-space: nowrap;
    padding: 5px 0px 5px 0px;
}
.PasswordPadding
{
    padding-top: 5px;
    padding-left: 5px;
    color: #000000;
}



.FrameLRTB {
    border: 1px solid #0000FF;
    padding: 5px;
    /*white-space: nowrap;*/
    background-color:#FFCC66
}


.GridHeader {
    border-color: #000000;
    background-color: #FFFF66;
    color: #000000;
}
.GridItem {
    padding:3px;
    border: #000000 1px solid;
}
.settingGridHeader
{
    padding:1px;
    border-Right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    vertical-align: middle;
    background-color: #00FFFF;
    height: 24px;
    color: #000000;
}


.GridButton {
    width:27px;
    height:27px;

}
.settingGridReadOnlyInput
{
    readonly: true;
    width: 200px;
    color: #808080;
}

.DropdownListORGID
{
    width:200px;
    height:30px;
    font-size: 20px;
}

/*按钮样式*/
.ButtonCss {
    font-family: "Tahoma", "宋体";
    font-size: 9pt; color: #000000;
    border: 1px solid #663300;
    color:#000000;
    background-color: #663300;
    font-style: normal;
    width:71px;
    height: 20px;

}
th.setting
{
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-TOP: 1px;
	HEIGHT: 24px

}
td.setting
{
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	PADDING-TOP: 1px;
	HEIGHT: 24px


}
td.setting1
{
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #000000 1px solid;
	PADDING-TOP: 1px;
	HEIGHT: 24px

}
th.setting1
{
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #000000 1px solid;
	PADDING-TOP: 1px;
	HEIGHT: 24px
	
}
td.setting2
{
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 1px; 
	HEIGHT: 24px;
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid; 
}
th.setting2
{
    padding-Right: 3px;
    padding-left: 3px;
    padding-bottom: 2px;
    padding-top: 1px;
    height: 24px;
    border-Right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
}

td.setting3
{
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #000000 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM:#000000 1px solid;

}
th.setting3
{
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #000000 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM:#000000 1px solid;
}
td.setting4
{
	padding-bottom:2px;
	padding-left:3px;
	padding-Right:3px;
	padding-top:1px;
	border-Right: #000000 1px solid; 
	border-top: #000000 1px solid;
	border-left: #000000 1px solid; 
	border-bottom:#000000 1px solid;
}
th.setting4
{
	padding-bottom:2px;
	padding-left:3px;
	padding-Right:3px;
	padding-top:1px;
	border-Right: #000000 1px solid; 
	border-top: #000000 1px solid;
	border-left: #000000 1px solid; 
	border-bottom:#000000 1px solid;
}

th.EditColumn
{
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #000000 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #000000 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM:#000000 1px solid;
	width:60px;
	
}

.keypad-popup.WMS {
    border: thin solid #C0C0C0;
    background: #FFCC00;
    height: 140px;

}
.WMS .keypad-close ,.WMS .keypad-back, .WMS .keypad-clear /*Enter鍵*/
{
    background-color: #00FFFF;
    width:70px; 
    height:30px;
    color: #0000FF;
    font-size: small;
    font-weight: bold;
    font-style: oblique;
    font-variant: normal;
     
}
.WMS .keypad-key {

    background-color: #00FFFF;
    width: 30px;
    height: 30px;
    color: #0000FF;
    font-size: small;
    font-weight: bold;
    font-style: oblique;
    font-variant: normal;

}

.ReportViewer
{
    background-color: #FFFFFF;

}
.LoginUser
{
    padding: 10px 10px 4px 10px;
    float: Right;
    font-size: large;
    color: #FFFFFF;
}

.file_input_textbox
{
    height: 35px;
    width: 200px;
    float: left;
}
        
.file_input_div
{
    width: 110px;
    height: 40px;
    position: relative;
    overflow: hidden;
    float:left;
}
        
.file_input_button {
    width: 110px;
    height: 40px;
    position: absolute;
    top: 0px;
    border: 1px solid #F0F0EE;
    padding: 2px 8px 2px 8px;
    font-size: large;
    margin: 0px;
    margin-Right: 5px;
    background-image: url('../Immage/Append.png'); /* 16px x 16px */
    background-repeat: no-repeat;
    background-position: left;
    background-color: #33CC33;
    color: White;
}
        
.file_input_button_hover
{
    width: 110px;
    height: 40px;
    position: absolute;
    top: 0px;
    border: 1px solid #0A246A;
    background-color: #B2BBD0;
    padding: 2px 8px 2px 8px;

    margin: 0px;
    font-weight: bold;
    margin-Right: 5px;
}
        



.DeleteFileButton
{
    background-image: url('../Immage/Delete.png') ; /* 16px x 16px */
    background-repeat:no-repeat;
    background-position:left;
    font-family: "Tahoma", "宋体";
    background-color:#663300;
    color:White;
    width:110px;
    height: 40px;
    Font-Size:large;
}
.PictureBoarder
{
    border: medium groove #00FFFF;
    height:250px;
    width:250px;
}
.TableShowTitle {
    padding: 5px;
    border: #000000 1px solid;
    background-color: #FFCC00;
    width: 120px;
    color: #000000;
}
.TableShowContent {
    padding: 5px;
    border: #000000 1px solid;
    background-color: #FFCC99;
}
.QA {
    font-size:xx-large;
}

.QAButton {
    width: 160px; 
    height: 120px; 
    padding: 10px; 
    font-size: xx-large
}
.QAQTY {
    font-size:xx-large;
    width:100px;
}
.QABYDOCID {
    font-size:xx-large;
    width:100px;
    height:80px;
}

.TableCenter {
    margin-left: auto;
    margin-right: auto;
}




.HJSButton
{
    width: 110px;
    height: 40px;
    margin:0 4px 0 0;
    background-color:#086bad;
    border:2px solid #6badd6;
    border-top:2px solid #c2e1ef;
    border-right:2px solid #c2e1ef;
    color:#ffffff;
    cursor:pointer;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}