/* system */

body 
{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    font-family:Tahoma, Verdana, Arial, Arial Narrow; font-size:10pt; 
    overflow:hidden;
}

/* form */
form { margin: 0px 0px 0px 0px; }

.ui-widget, .ui-widget input, .ui-widget select /*, .ui-widget textarea, .ui-widget button*/
{ 
    font-size: 1em; font-family:Tahoma, Verdana, Arial, Arial Narrow; 
    /*vertical-align:sub*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; 
    filter:none;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); 
    zoom:1;

}

/* tc-content */
.tc-content, .tc-content-key
{
    font-family:Arial, Tahoma, Verdana, Arial Narrow;
    padding: 4px 12px 4px 12px;
    background-image:none;    
    background-color: rgb(239, 249, 255);
    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; 
    filter:none;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99); 
    zoom:1;
    
}

.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;
}

/*.ui-jqgrid .ui-jqgrid-htable, .tc-tabs .ui-jqgrid .ui-jqgrid-htable { margin-bottom: 2px; }*/

.tc-shadow
{ 
    box-shadow: 4px 4px 5px 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);
    
    /*box-shadow: 4px 4px 5px 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-shadow-lite,
.ui-dialog-titlebar
/*.ui-jqgrid .ui-jqgrid-htable, .tc-tabs .ui-jqgrid .ui-jqgrid-htable*/
{
    /*box-shadow: 1px 1px 2px rgba(20%,20%,10%,0.5);  
    filter:progid:DXImageTransform.Microsoft.Shadow(Color=#553311, Direction=135, Strength=2);*/
    
    box-shadow: 2px 2px 2px rgba(0%,0%,30%,0.5);  
    filter:progid:DXImageTransform.Microsoft.Shadow(Color=#553311, Direction=135, Strength=2);
}

.tc-shadow-ie 
{
    /*position:absolute;*/
    margin-left:-4px;
    margin-top:-4px;
    color:Black;
    background-color:Black;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius=4);
}

/* text shadow normal */
.tc-shadow-text-1,
.tc-text-toolbar,
.tc-button-toolbar .ui-button-text
{
    text-shadow: -1px -1px 2px #EEEEFF, -1px 1px 2px #EEEEFF, 1px -1px 2px #EEEEFF, 1px 1px 2px #EEEEFF, 2px 2px 5px #01018F;
}

/* text shadow lite */
.tc-shadow-text-2,
.tc-label, .tc-label-none, .tc-label-center, .tc-label-right,
.ui-jqgrid .ui-jqgrid-htable th div, .tc-tabs .ui-jqgrid .ui-jqgrid-htable th div 
{ 
    text-shadow: 0px 2px 3px rgba(0,0,0,.3);
    text-shadow: -1px -1px 2px #EEEEFF, -1px 1px 2px #EEEEFF, 1px -1px 2px #EEEEFF, 2px 2px 3px rgba(0,0,0,.4); 
}

.tc-text-toolbar
{   
    padding: 0px;
    /*border: 2px ridge #FFFF00; border-collapse: collapse;*/ 
    border: 2px ridge #AED0EA; 
    font-size:1.1em;  
    /*color: White;*/
    color:#0044DD;
     
    /*box-shadow:  2px 2px 4px #333333;*/
    box-shadow:  2px 2px 4px #555555;
    
    /* for Firefox */
    /*text-shadow: -1px -1px 2px #666666, -1px 1px 2px #666666, 1px -1px 2px #666666, 3px 3px 3px #010101;*/
    /*text-shadow: -1px -1px 2px #EEEEFF, -1px 1px 2px #EEEEFF, 1px -1px 2px #EEEEFF, 2px 2px 5px #01018F;*/
    
    /* for IE */
    /*filter: glow(Color='#333333', Strength='3');*/
    /*filter: progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius=4);*/
 
}

/* 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;  /*height: 3.8em;*/ width:3.8em; }   /*60px 3.8em*/

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.8em; padding-left: 1.8em; }
.ui-button-text-icon-secondary .ui-button-text { padding-right: 1.8em; padding-left: 0.8em; }

button, .tc-button, .tc-button-toolbar, .tc-datepicker+.ui-datepicker-trigger { box-shadow: 2px 2px 2px rgba(0%,0%,30%,0.5);  filter:progid:DXImageTransform.Microsoft.Shadow(Color=#553311, Direction=135, Strength=2); }
button:hover, .tc-button:hover, .tc-button-toolbar:hover, .tc-datepicker+.ui-datepicker-trigger:hover, .ui-datepicker, .ui-autocomplete { box-shadow: 4px 4px 5px 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; }

/* input -> text */
input[type=text], select, textarea, .tc-datepicker, .tc-tooltip, #easyTooltip
{   
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; 
}
input[type=text], select, textarea, .tc-datepicker { border-style:ridge; font-size: 0.86em; }
input, select, textarea { box-shadow: 1px 1px 4px rgba(20%,20%,10%,0.2) inset; background-color:White; }
input:hover, select:hover, textarea:hover { box-shadow: 1px 1px 4px rgba(20%,20%,10%,0.4) inset; }
input:focus, select:focus, textarea:focus { 
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.25), 0px 0px 8px rgba(82,168,236,0.9);
}

/*textarea { font-size: 0.9em; }
input, select { padding: 2px 3px 2px 3px; }*/
.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=checkbox] { display: none; }
input[type=checkbox] + label > span.tc-checkbox-span { display: inline-block; cursor:pointer; color: #FFFFFF; border:2px; border-style:inset; width: 1em; height:1em; text-align: center; }
input[type=checkbox]:checked + label > span.tc-checkbox-span { color: #000000; }
*/

/* 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-none, .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:20em; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#553311, Direction=135, Strength=5); }
.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 tr.jqgrow td { height:20px; height:1.8em; padding-left:1px; padding-right:8px; }

.tc-tabs .ui-jqgrid .ui-jqgrid-view { font-size:1em; }
.tc-tabs .ui-tabs-nav { font-size:0.9em; line-height: 0.6em; }
.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; overflow:auto; -webkit-overflow-scrolling: touch; /*1.1em;*/ /*-webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0);*/ }
/*.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.8em; padding-left:1px; padding-right:8px; }

.ui-jqgrid .ui-jqgrid-htable th div { height:auto; }

.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; }

.tc-icon-pin 
{
    /*
    height:1em; 
    vertical-align:text-top; 
    white-space:pre;     
    
    background-image: url('/img/new.gif') !important; 
    background:url("/img/new.gif") left no-repeat;

    */
    display:block; 
    padding-right:2px;
    margin:2px; 
}
.tc-icon-pin:hover 
{
    /*border: 1px solid #aed0ea;*/
    /*border: 1px solid #bbbbbb;*/
    font-weight: bold; 
    color: #599fcf;
    
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
    margin: 1px;
    
}

/* icon */
.tc-icon-new,
.tc-icon-edit,
.tc-icon-delete,
.tc-icon-inquiry,
.tc-icon-print,
.tc-icon-exit,
.tc-icon-save,
.tc-icon-back,
.tc-icon-prev,
.tc-icon-next,
.tc-icon-pdf,
.tc-icon-check,
.tc-icon-uncheck,

.tc-icon-cancel,
.tc-icon-combine,
.tc-icon-MTR,
.tc-icon-PO_inquiry,
.tc-icon-new_quote,
.tc-icon-ready_mill
{
    width: 32px;
    height: 32px;
}

.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/delete.gif' )  !important; }
.tc-icon-inquiry { background-image: url('../img/inquiry.gif')  !important; }
.tc-icon-print   { background-image: url('../img/print.gif'  )  !important; }
.tc-icon-exit    { background-image: url('../img/exit.gif'   )  !important; }
.tc-icon-save    { background-image: url('../img/save.gif'   )  !important; }
.tc-icon-back    { background-image: url('../img/back.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/pdf.gif'    )  !important; }
.tc-icon-check   { background-image: url('../img/check.png'  )  !important; }
.tc-icon-uncheck { background-image: url('../img/uncheck.png')  !important; }

.tc-icon-cancel     { background-image: url('../img/cancel.gif' )  !important; }
.tc-icon-combine    { background-image: url('../img/32_combine.gif'   )  !important; }
.tc-icon-MTR        { background-image: url('../img/32_MTR.gif'       )  !important; }
.tc-icon-PO_inquiry { background-image: url('../img/32_PO_inquiry.gif')  !important; }
.tc-icon-new_quote  { background-image: url('../img/32_new_quote.gif' )  !important; }
.tc-icon-ready_mill { background-image: url('../img/32_ready_mill.gif')  !important; }

.tc-icon-24combine    { background-image: url('../img/24_combine.gif'   )  !important; }
.tc-icon-24MTR        { background-image: url('../img/24_MTR.gif'       )  !important; }
.tc-icon-24PO_inquiry { background-image: url('../img/24_PO_inquiry.gif')  !important; }
.tc-icon-24new_quote  { background-image: url('../img/24_new_quote.gif' )  !important; }
.tc-icon-24ready_mill { background-image: url('../img/24_ready_mill.gif')  !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-back,
.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-check,
.ui-button-text-icons .tc-icon-uncheck,

.ui-button-text-icons .tc-icon-cancel,
.ui-button-text-icons .tc-icon-combine,
.ui-button-text-icons .tc-icon-MTR,
.ui-button-text-icons .tc-icon-PO_inquiry,
.ui-button-text-icons .tc-icon-new_quote,
.ui-button-text-icons .tc-icon-ready_mill
{ 
    margin-top: -16px;    
}

.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-back,
.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-check,
.ui-button-text-icon-primary .tc-icon-uncheck,

.ui-button-text-icon-primary .tc-icon-cancel,
.ui-button-text-icon-primary .tc-icon-combine,
.ui-button-text-icon-primary .tc-icon-MTR,
.ui-button-text-icon-primary .tc-icon-PO_inquiry,
.ui-button-text-icon-primary .tc-icon-new_quote,
.ui-button-text-icon-primary .tc-icon-ready_mill
{ 
    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-back,
.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-check,
.ui-button-text-icon-secondary .tc-icon-uncheck,

.ui-button-text-icon-secondary .tc-icon-cancel,
.ui-button-text-icon-secondary .tc-icon-combine,
.ui-button-text-icon-secondary .tc-icon-MTR,
.ui-button-text-icon-secondary .tc-icon-PO_inquiry,
.ui-button-text-icon-secondary .tc-icon-new_quote,
.ui-button-text-icon-secondary .tc-icon-ready_mill
{ 
    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;*/
}


/* tooltip */
.tc-tooltip 
{ 
    padding:2px 4px; font-size:medium; font-family:Sans-Serif; font-weight:bolder;
    color:Yellow;
    text-shadow: -1px -1px 2px #666666, -1px 1px 2px #666666, 1px -1px 2px #666666, 3px 3px 3px #010101;
    
    /*background-color:Blue;
    background-color:rgba(0%,30%,100%,0.6);*/
    
    /* for IE */
    filter: glow(Color='#333333', Strength='3');
    /*filter:progid:DXImageTransform.Microsoft.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-alt { background-color:#DDFFFF; 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; color:#FF8888; }
.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; text-shadow: 0px 2px 3px rgba(0,0,0,.3); }
             

.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; #margin-bottom: 0.25em;
    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-button-file-span
{
    display:inline-block;
    border:2px groove #96F0FF;
}

.tc-input-file-span
{
    display:inline;
    /*border:2px groove #96F0FF;*/
}

.tc-input-file-item, .tc-input-file-item-list
{
    display:inline-block;
    padding-left:4px;
    padding-right:4px;
}

.tc-input-file-files
{
    text-decoration:underline;
}

.tc-input-file-tip
{
    border:2px groove #96F0FF;  
}

.tc-statusbar
{
    padding:4px 4px 5px 8px;
}
.tc-statusbar div
{
    font-size:0.9em;
    background-color:rgb(230, 247, 255);
    display:inline-block; #display:inline;
    border:1px double #599fcf;
    padding:1px 4px 1px 4px;
    margin-right:4px;
}

/* jQuery TE*/
.tc-tabs .jqte
{
    margin:0px 0px 0px 0px;
}

.tc-jqte
{
    overflow:auto;
}

.ui-state-default, .tc-tabs .ui-state-default, .ui-datepicker .ui-state-default { color:#004879; }   /*#005283*/
.tc-tabs .ui-widget-contect { background-color:White; }

/* for BBI web new Quote 
.tc-tabs .ui-state-default { color:Black; }
.tc-tabs .ui-widget-contect { background-color:White; }
.tc-alt { background-color:#CCFFFF; background-image:none; }
*/