/* system */

body 
{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    font-family:Tahoma, Verdana, Arial, Arial Narrow; font-size:10pt; 
    overflow:hidden;
}
.ui-widget, .ui-widget input, .ui-widget select
{ 
    font-size: 1em; font-family:Tahoma, Verdana, Arial, Arial Narrow; 
}

/* tc-content */
.tc-content, .tc-content-key
{
    font-family:Arial, Tahoma, Verdana, Arial Narrow;
    padding: 4px 12px 4px 12px;
   font-size: 1.2em; 
}

.tc-scroll
{
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

.ui-widget-overlay
{
    background-image:none;
    background-color:#001030;
    filter:Alpha(Opacity=30);
    opacity:0.3;
}

/* tc-content-key */
.tc-content-key
{
    color: Red;
}

.tc-shadow { box-shadow: 5px 5px 6px rgba(20%,20%,10%,0.7), inset 1px 1px 4px 2px rgba(20%,20%,10%,0.1); }

.tc-text-toolbar
{   
    /*padding: 0px;*/
    /*font-size:1.1em;*/  
    /*color: White;*/
}

/* button, icon-secondary 設計為ICON(32x32)在中間, 字在下面 */
/*.tc-button { font-size:smaller; }*/
/*.tc-button-toolbar { float: right; height: 50px; font-size:smaller; width:56px; }*/
.tc-button-toolbar { float: right; }

input[type=button].tc-button,
.ui-button-text-only .ui-button-text,
.ui-button-text-icons .ui-button-text,
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icon-secondary .ui-button-text
{ 
    padding-top:0.1em; 
    padding-bottom:0.1em;/**/
}

.ui-button-text-only           .ui-button-text { padding-right: 0.8em; padding-left: 0.8em; }
.ui-button-text-icons          .ui-button-text { padding-right: 1.8em; padding-left: 1.8em; }
.ui-button-text-icon-primary   .ui-button-text { padding-right: 0.4em; padding-left: 1.8em; }
.ui-button-text-icon-secondary .ui-button-text { padding-right: 1.8em; padding-left: 0.8em; }

/*wk*/
.tc-button, .tc-button-toolbar, .tc-datepicker+.ui-datepicker-trigger { box-shadow: 1px 1px 2px rgba(20%,20%,10%,0.5);  filter:progid:DXImageTransform.Microsoft.Shadow(Color=#553311, Direction=135, Strength=2); }
.tc-button:hover, .tc-button-toolbar:hover, .tc-datepicker+.ui-datepicker-trigger:hover, .ui-datepicker, .ui-autocomplete { box-shadow: 5px 5px 6px rgba(20%,20%,10%,0.7), inset 1px 1px 4px 2px rgba(20%,20%,10%,0.1);   filter:progid:DXImageTransform.Microsoft.Shadow(Color=#553311, Direction=135, Strength=5); }

/*
.tc-button-toolbar .ui-button-text { padding-top:2.3em; padding-right:0.1em; padding-left:0.1em; }
*/

.tc-tabs .ui-jqgrid-bdiv td input[type=text], .ui-jqgrid-bdiv td select { font-size: 1.0em; }
/*.ui-jqgrid-bdiv td label input[type=text], .ui-jqgrid-bdiv td label select { font-size: 1.0em; }*/

input[type=text], select, textarea, .tc-datepicker { font-size: 0.86em; }
/* label */
.tc-label, .tc-label-center, .tc-label-right,
.tc-label-value, .tc-label-value-center, .tc-label-value-right
{
   /* float:left; */
    display:inline-block; 
    /*margin-right: 4px;*/
    padding-right: 4px;
    /*height:1.0em;
    width:100px;*/
    text-align:left;  
}
.tc-label, .tc-label-none, .tc-label-center, .tc-label-right,
.tc-label-value, .tc-label-value-center, .tc-label-value-right { font-size:0.85em; }
.tc-label, .tc-label-center, .tc-label-right { font-weight:bold; /*background-color: #E0E0F0; background-color: rgba(30%, 30%, 70%, 0.1);*/ }
.tc-label-value, .tc-label-value-center, .tc-label-value-right { background-color: #E7E7E7; background-color: rgba(50%, 50%, 50%, 0.1); }
.tc-label-center, .tc-label-value-center, .tc-label-none-center { text-align:center; }
.tc-label-right, .tc-label-value-right, .tc-label-none-right { text-align:right; }

/* datepicker */
.ui-datepicker { font-size: smaller; width:21em; }
.tc-datepicker { width:5.6em; }
.tc-datepicker+.ui-datepicker-trigger { margin-left:1px; /*margin-bottom:-4px;*/ vertical-align:middle; }
.tc-datepicker-title { color:#6677FF; padding:2px 2px 2px 4px; vertical-align:middle; text-align:right; }
.ui-datepicker .ui-datepicker-week-end .ui-state-default { color:Red; }
.ui-datepicker .ui-state-highlight { background-image:none; background-color:rgb(255, 239, 143); border-color:#d3d3d3; }
.ui-datepicker .ui-state-active { background-image:none; background-color:#AAFFFF; }

/* Tab */
.tc-tabs .ui-jqgrid .ui-jqgrid-htable th div { height:auto;  }
.tc-tabs .ui-jqgrid .ui-jqgrid-htable .ui-state-default  { font-weight:bold; }
.tc-tabs .ui-jqgrid tr.jqgrow td { height:20px; height:1.9em; padding-right:6px; }

.tc-tabs .ui-jqgrid .ui-jqgrid-view { font-size:1em; }
.tc-tabs .ui-tabs-nav { font-size:0.9em; line-height: 0.6em; font-weight:bold; }
.tc-tabs .ui-state-active {font-weight:bold; }
.tc-tabs .ui-tabs-panel { font-size:0.9em; padding:1px 1px 1px 1px; }
.tc-tabs .ui-jqgrid-hdiv { font-size:0.9em;/*1.2em; 0.86em*/ }
.tc-tabs .ui-jqgrid-bdiv { font-size:0.9em;/*1.1em;*/ overflow:auto; -webkit-overflow-scrolling: touch; }
/*.tc-tabs .ui-jqgrid-hdiv label { font-size:1em; }
.tc-tabs .ui-jqgrid-bdiv label { font-size:1em; }*/
.tc-tabs .ui-paging-info, .tc-tabs .ui-pg-table { color:Blue; }
.tc-tabs .ui-pg-selbox { height:auto; font-size:1.0em; }
.tc-subGrid .ui-jqgrid { font-size:1.05em; }
.tc-subGrid .ui-jqgrid tr.jqgrow td { height:18px; height:1.9em; padding-right:6px; }

.tc-jqgrid-desc { font-size:0.9em; }
.tc-jqgrid-num { font-size:1.1em; }
.tc-jqgrid-token { font-size:1.2em; }

.tc-jqgrid-07em { font-size:0.7em; }
.tc-jqgrid-08em { font-size:0.8em; }
.tc-jqgrid-09em { font-size:0.9em; }
.tc-jqgrid-11em { font-size:1.1em; }
.tc-jqgrid-12em { font-size:1.2em; }
.tc-jqgrid-13em { font-size:1.3em; }

/* form */
form { margin: 0px 0px 0px 0px; }
             
.tc-button-toolbar .ui-button-text
 { 
     /*margin-left:12px;font-weight: bold; color: navy; font-size:1.2em; padding-top:0.4em; 
    padding-bottom:0.4em;*/
     margin-left:8px;font-weight: bold; color: navy; font-size:1em; padding-top:0.2em; 
    padding-bottom:0.2em;

 }

.tc-button-toolbar.ui-button {
    cursor: pointer;
    background-color: #62a3da;
    background-image:none;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .4);
    COLOR: white;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ccffff', EndColorStr='#6688bb');
    background: -webkit-gradient(linear, left top, left bottom, from(#ccffff), to(#6688bb)); 
    background: -moz-linear-gradient(top, #ccffff, #6688bb); 
}

/* icon */
.tc-icon-new,
.tc-icon-edit,
.tc-icon-delete,
.tc-icon-inquiry,
.tc-icon-print,
.tc-icon-exit,
.tc-icon-save,
.tc-icon-cancel,
.tc-icon-prev,
.tc-icon-next,
.tc-icon-pdf,
.tc-icon-excel,
.tc-icon-help,
.tc-icon-mail,
.tc-icon-chgPWD,
.tc-icon-web,
.tc-icon-OnSale,
.tc-icon-copy,
.tc-icon-ExcelOut,
.tc-icon-ExcelIn,

.tc-icon-add_item ,
.tc-icon-combine ,
.tc-icon-log_off ,
.tc-icon-MTR ,
.tc-icon-NAFTA,
.tc-icon-PO_inquiry,
.tc-icon-PPD_policy,
.tc-icon-new_quote,
.tc-icon-mill_order,
.tc-icon-quote_list,
.tc-icon-ready_mill,
.tc-icon-report,
.tc-icon-save_quote,
.tc-icon-search,
.tc-icon-send_order,
.tc-icon-services,
.tc-icon-shopping_cart,
.tc-icon-summery,
.tc-icon-sort,
.tc-icon-atom
{
    width: 24px;
    height: 24px;
}

.tc-icon-new         { background-image: url('/img/new.gif'    )  !important; }
.tc-icon-edit       { background-image: url('/img/edit.gif'   )  !important; }
.tc-icon-delete   { background-image: url('/img/tool-empty.gif' )  !important; }
.tc-icon-inquiry { background-image: url('/img/inquiry.gif')  !important; }
.tc-icon-print     { background-image: url('/img/24_print.gif'  )  !important; }
.tc-icon-exit       { background-image: url('/img/24_EXIT.gif'   )  !important; }
.tc-icon-save       { background-image: url('/img/save.gif'   )  !important; }
.tc-icon-cancel   { background-image: url('/img/cancel.gif' )  !important; }
.tc-icon-prev       { background-image: url('/img/prev.gif'   )  !important; }
.tc-icon-next       { background-image: url('/img/next.gif'   )  !important; }
.tc-icon-pdf         { background-image: url('/img/24_PDF_MTR.gif'    )  !important; }
.tc-icon-excel     { background-image: url('/img/24_import_excel.gif'    )  !important; }
.tc-icon-help       { background-image: url('/img/24_help.png'    )  !important; }
.tc-icon-mail       { background-image: url('/img/mail3d.gif'    )  !important; }
.tc-icon-chgPWD       { background-image: url('/img/24_group_key.png'    )  !important; }
.tc-icon-web       { background-image: url('/img/24_web.png'    )  !important; }
.tc-icon-OnSale       { background-image: url('/img/24_OnSale.png'    )  !important; }
.tc-icon-copy       { background-image: url('/img/copy_24.png'    )  !important; }
.tc-icon-ExcelOut       { background-image: url('/img/24_ExcelOut.png'    )  !important; }
.tc-icon-ExcelIn       { background-image: url('/img/24_ExcelIn.png'    )  !important; }

.tc-icon-add_item     { background-image: url('/img/24_add_item.gif'   )  !important; }
.tc-icon-combine       { background-image: url('/img/24_combine.gif'   )  !important; }
.tc-icon-log_off       { background-image: url('/img/24_log_off.gif'   )  !important; }
.tc-icon-MTR               { background-image: url('/img/24_MTR.gif'       )  !important; }
.tc-icon-NAFTA           { background-image: url('/img/24_NAFTA.gif'       )  !important; }
.tc-icon-PO_inquiry { background-image: url('/img/24_PO_inquiry.gif')  !important; }
.tc-icon-PPD_policy { background-image: url('/img/24_PPD_policy.gif')  !important; }
.tc-icon-new_quote   { background-image: url('/img/24_new_quote.gif' )  !important; }
.tc-icon-mill_order { background-image: url('/img/24_mill_order.gif')  !important; }
.tc-icon-quote_list { background-image: url('/img/24_quote_list.gif')  !important; }
.tc-icon-ready_mill { background-image: url('/img/24_ready_mill.gif')  !important; }
.tc-icon-report         { background-image: url('/img/24_report.gif')  !important; }
.tc-icon-save_quote { background-image: url('/img/24_save_quote.gif')  !important; }
.tc-icon-search         { background-image: url('/img/24_search.gif')  !important; }
.tc-icon-send_order { background-image: url('/img/24_send_order.gif')  !important; }
.tc-icon-services     { background-image: url('/img/24_services.gif')  !important; }
.tc-icon-shopping_cart{ background-image: url('/img/24_shopping_cart.gif')  !important; }
.tc-icon-summery            { background-image: url('/img/24_summery.gif')  !important; }
.tc-icon-sort            { background-image: url('/img/24_sort.png')  !important; }
.tc-icon-atom            { background-image: url('/img/24_atom.png')  !important; }
			    
.ui-button-text-icons .tc-icon-new,
.ui-button-text-icons .tc-icon-edit,
.ui-button-text-icons .tc-icon-delete,
.ui-button-text-icons .tc-icon-inquiry,
.ui-button-text-icons .tc-icon-print,
.ui-button-text-icons .tc-icon-exit,
.ui-button-text-icons .tc-icon-save,
.ui-button-text-icons .tc-icon-cancel,
.ui-button-text-icons .tc-icon-prev,
.ui-button-text-icons .tc-icon-next,
.ui-button-text-icons .tc-icon-pdf,
.ui-button-text-icons .tc-icon-excel,
.ui-button-text-icons .tc-icon-help,
.ui-button-text-icons .tc-icon-mail,
.ui-button-text-icons .tc-icon-chgPWD,
.ui-button-text-icons .tc-icon-web,
.ui-button-text-icons .tc-icon-OnSale,
.ui-button-text-icons .tc-icon-copy,
.ui-button-text-icons .tc-icon-ExcelOut,
.ui-button-text-icons .tc-icon-ExcelIn,

.ui-button-text-icons .tc-icon-add_item ,
.ui-button-text-icons .tc-icon-combine ,
.ui-button-text-icons .tc-icon-log_off ,
.ui-button-text-icons .tc-icon-MTR ,
.ui-button-text-icons .tc-icon-NAFTA,
.ui-button-text-icons .tc-icon-PO_inquiry,
.ui-button-text-icons .tc-icon-PPD_policy,
.ui-button-text-icons .tc-icon-new_quote,
.ui-button-text-icons .tc-icon-mill_order,
.ui-button-text-icons .tc-icon-quote_list,
.ui-button-text-icons .tc-icon-ready_mill,
.ui-button-text-icons .tc-icon-report,
.ui-button-text-icons .tc-icon-save_quote,
.ui-button-text-icons .tc-icon-search,
.ui-button-text-icons .tc-icon-send_order,
.ui-button-text-icons .tc-icon-services,
.ui-button-text-icons .tc-icon-shopping_cart,
.ui-button-text-icons .tc-icon-summery,
.ui-button-text-icons .tc-icon-sort,
.ui-button-text-icons .tc-icon-atom
{ 
   /* margin-top: -22px;*/
}

.ui-button-text-icon-primary .tc-icon-new,
.ui-button-text-icon-primary .tc-icon-edit,
.ui-button-text-icon-primary .tc-icon-delete,
.ui-button-text-icon-primary .tc-icon-inquiry,
.ui-button-text-icon-primary .tc-icon-print,
.ui-button-text-icon-primary .tc-icon-exit,
.ui-button-text-icon-primary .tc-icon-save,
.ui-button-text-icon-primary .tc-icon-cancel,
.ui-button-text-icon-primary .tc-icon-prev,
.ui-button-text-icon-primary .tc-icon-next,
.ui-button-text-icon-primary .tc-icon-pdf,
.ui-button-text-icon-primary .tc-icon-excel,
.ui-button-text-icon-primary .tc-icon-help,
.ui-button-text-icon-primary .tc-icon-mail,
.ui-button-text-icon-primary .tc-icon-chgPWD,
.ui-button-text-icon-primary .tc-icon-web,
.ui-button-text-icon-primary .tc-icon-OnSale,
.ui-button-text-icon-primary .tc-icon-copy,
.ui-button-text-icon-primary .tc-icon-ExcelOut,
.ui-button-text-icon-primary .tc-icon-ExcelIn,

.ui-button-text-icon-primary .tc-icon-add_item ,
.ui-button-text-icon-primary .tc-icon-combine ,
.ui-button-text-icon-primary .tc-icon-log_off ,
.ui-button-text-icon-primary .tc-icon-MTR ,
.ui-button-text-icon-primary .tc-icon-NAFTA,
.ui-button-text-icon-primary .tc-icon-PO_inquiry,
.ui-button-text-icon-primary .tc-icon-PPD_policy,
.ui-button-text-icon-primary .tc-icon-new_quote,
.ui-button-text-icon-primary .tc-icon-mill_order,
.ui-button-text-icon-primary .tc-icon-quote_list,
.ui-button-text-icon-primary .tc-icon-ready_mill,
.ui-button-text-icon-primary .tc-icon-report,
.ui-button-text-icon-primary .tc-icon-save_quote,
.ui-button-text-icon-primary .tc-icon-search,
.ui-button-text-icon-primary .tc-icon-send_order,
.ui-button-text-icon-primary .tc-icon-services,
.ui-button-text-icon-primary .tc-icon-shopping_cart,
.ui-button-text-icon-primary .tc-icon-summery,
.ui-button-text-icon-primary .tc-icon-sort,
.ui-button-text-icon-primary .tc-icon-atom
{ 
    margin-top: -12px;
    margin-right: 10px;
    /*margin-top: -22px;
    margin-left: -16px;
    left: 50%;*/
}

.ui-button-text-icon-secondary .tc-icon-new,
.ui-button-text-icon-secondary .tc-icon-edit,
.ui-button-text-icon-secondary .tc-icon-delete,
.ui-button-text-icon-secondary .tc-icon-inquiry,
.ui-button-text-icon-secondary .tc-icon-print,
.ui-button-text-icon-secondary .tc-icon-exit,
.ui-button-text-icon-secondary .tc-icon-save,
.ui-button-text-icon-secondary .tc-icon-cancel,
.ui-button-text-icon-secondary .tc-icon-prev,
.ui-button-text-icon-secondary .tc-icon-next,
.ui-button-text-icon-secondary .tc-icon-pdf,
.ui-button-text-icon-secondary .tc-icon-excel,
.ui-button-text-icon-secondary .tc-icon-help,
.ui-button-text-icon-secondary .tc-icon-mail,
.ui-button-text-icon-secondary .tc-icon-chgPWD,
.ui-button-text-icon-secondary .tc-icon-web,
.ui-button-text-icon-secondary .tc-icon-OnSale,
.ui-button-text-icon-secondary .tc-icon-copy,
.ui-button-text-icon-secondary .tc-icon-ExcelOut,
.ui-button-text-icon-secondary .tc-icon-ExcelIn,

.ui-button-text-icon-secondary .tc-icon-add_item ,
.ui-button-text-icon-secondary .tc-icon-combine ,
.ui-button-text-icon-secondary .tc-icon-log_off ,
.ui-button-text-icon-secondary .tc-icon-MTR ,
.ui-button-text-icon-secondary .tc-icon-NAFTA,
.ui-button-text-icon-secondary .tc-icon-PO_inquiry,
.ui-button-text-icon-secondary .tc-icon-PPD_policy,
.ui-button-text-icon-secondary .tc-icon-new_quote,
.ui-button-text-icon-secondary .tc-icon-mill_order,
.ui-button-text-icon-secondary .tc-icon-quote_list,
.ui-button-text-icon-secondary .tc-icon-ready_mill,
.ui-button-text-icon-secondary .tc-icon-report,
.ui-button-text-icon-secondary .tc-icon-save_quote,
.ui-button-text-icon-secondary .tc-icon-search,
.ui-button-text-icon-secondary .tc-icon-send_order,
.ui-button-text-icon-secondary .tc-icon-services,
.ui-button-text-icon-secondary .tc-icon-shopping_cart,
.ui-button-text-icon-secondary .tc-icon-summery,
.ui-button-text-icon-secondary .tc-icon-sort,
.ui-button-text-icon-secondary .tc-icon-atom
{ 
   /* margin-top: -22px;
    margin-right: -16px;
    right: 50%;*/
}

.tc-menu .ui-menu, .tc-menu
{
    width: 200px; /*margin-bottom: 2em;*/
    position:absolute;
    /* top:10px; left:10px;*/
    box-shadow: 5px 5px 6px rgba(20%,20%,10%,0.7), inset 1px 1px 4px 2px rgba(20%,20%,10%,0.1); 
}

.tc-menu-icon
{
    position:absolute; top:0.3em; left:0.2em; width:16px; height:16px;
    /*text-indent:-99999px;
    overflow:hidden;
    display:block;
    background-repeat:no-repeat;*/
}

.tc-tooltip { padding:2px 4px;  font-size:medium; color:Yellow; font-family:Sans-Serif; font-weight:bolder; }
.tc-tooltip1
{ 
    text-shadow: -1px -1px 2px #666666, -1px 1px 2px #666666, 1px -1px 2px #666666, 3px 3px 3px #010101;
    
    /* for IE */
    filter: glow(Color='#333333', Strength='3');
}
.tc-tooltip-ajax
{
    border:2px groove #66E0FF;    
    background-color:White;
	padding-bottom:2px;
    /*border-bottom-style:groove ridge;*/
}

/*.alt { filter:Alpha(Opacity=80); background-image:none; }*/
.tc-alt { background-color:rgba(75%,75%,85%,0.2); background-image:none; }
.tc-mark { background-color:#EEDDFF; background-image:none; }
.tc-unset { color:Olive; }
.tc-err { color:Red; }
.tc-min:after, .tc-max:after { font-size:0.95em; vertical-align:sub; color:Blue; /*background-color:#FFDDEE;*/ }
.tc-min:after { content: '(min)'; }
.tc-max:after { content: '(max)'; background-color:#FFDDEE;}
/*.tc-max { font-weight:bold; }*/
.tc-cancel { background-color:#FFEEEE; background-image:none; text-decoration:line-through; }
.tc-lang {}
input[type=text].tc-lang { background-color:Yellow; }
.tc-langMode, .tc-langMode .ui-button-text { background-color:Black; color:White; background-image:none; }
             

.ui-autocomplete
{ 
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    font-size: 0.76em;
}

.tc-button-file
{
    vertical-align:baseline;
    margin-bottom: -0.45em;
    overflow:hidden; position: relative; display:inline-block;
}

.tc-button-file INPUT
{
    top: 0; right: 0; cursor: pointer; direction: ltr; position: absolute;

    margin: 0;
    margin-top: -0.2em;
    margin-right: -0.2em;
    /*border-color: transparent;
    border-style: solid;
    border-width: 0 0 100px 200px;*/
    font-size:6em;
    /*
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transform: translate(-290px, 0) scale(4);
    */
    filter: alpha(opacity=0);
    opacity: 0;
}


.tc-alt { background-color:#DDFFFF; background-image:none; }

 
.tc-tabs .ui-state-default { color:Black; }
/*.tc-tabs .ui-widget-content { background-color:White; }*/
.tc-tabs tr.ui-widget-content{ color:Black; }
.tc-alt { background-color:#CCFFFF; background-image:none; }

 tr.ui-widget-content.footrow.footrow-ltr
 {
    color: #ffffff;
    background-color: #000000;
    background-image: none;
 }