/* http://meyerweb.com/eric/tools/css/reset/ */
   v2.0 | 20110126

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);

/*  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}                              


ol, ul {
	list-style: none;
	padding: 0;
}


/* common
--------------------------------------- */
html {
  height: 100%;
}
body {
background: -moz-linear-gradient(top,  rgba(252,252,252,0.65) 0%, rgba(252,252,252,0.63) 3%, rgba(107,107,107,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,0.65)), color-stop(3%,rgba(252,252,252,0.63)), color-stop(100%,rgba(107,107,107,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(252,252,252,0.63) 3%,rgba(107,107,107,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(252,252,252,0.63) 3%,rgba(107,107,107,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,252,252,0.65) 0%,rgba(252,252,252,0.63) 3%,rgba(107,107,107,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,252,252,0.65) 0%,rgba(252,252,252,0.63) 3%,rgba(107,107,107,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6fcfcfc', endColorstr='#006b6b6b',GradientType=0 ); /* IE6-9 */
} 

body, input, textarea{font-family: 'Open Sans', sans-serif;color:#666;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:underline;}

h1{padding:10px 50px;font-size:18px;font-weight:600;color:#666;}
.phead {margin-left: -10px;}

#comments{margin:0px;padding:10px 30px 10px;width:100%;border:1px solid #999;overflow:hidden;position:relative;}
#comments label{margin:0 15px;}
#comments #postcomnt{margin:2px 0 0px;padding:4px 10px;width:90%;height:20px;font-size:12px;line-height:14px;transition: width 0.25s;resize:none;overflow:hidden;color:#333;}
#comments #post-btn{font-weight:bold;}
#comments button{margin:5px 0 10px;font-size:14px;}
#disp-comnt{padding-right:30px;}
#disp-comnt table{border:0px;}
#comments img{position:absolute;left:100px;display:none;}
      /* */
#notes{clear:both;margin:0px 0 20px 50px;padding:20px 30px 10px;width:780px;border:1px solid #999;overflow:hidden;position:relative;background:#f8f8f8;}
#notes textarea{margin:2px 0 0px;padding:4px 10px;width:730px;height:20px;font-size:12px;line-height:18px;transition: width 0.25s;resize:none;overflow:hidden;color:#333;}
#notes #submit_notes{margin:5px 0 0;}

.subnav {display:none;}

/* home
---------------------------------------  */
 


/* job order form  */
--------------------------------------- 
.cwrap{margin:0 auto;padding:0;width:100%;overflow:hidden;position:relative;}
.cwrap h2{margin:0 26px; font-size:14px;font-weight:600;}
.cwrap{padding-bottom:30px;}
.cwrap .srchitem{margin-top:10px;padding:0 26px;position:relative;}
.cwrap .srchitem #search_box{margin-top:4px;color:#666;max-width:220px;}
.cwrap #search_result{padding:7px;font-size:12px;width:400px;max-height:400px;overflow-y:scroll;border:1px solid #c8c8c8;position:absolute;top:35px;background:#fff;z-index:10003;-webkit-box-shadow:0 5px 5px #666;-webkit-box-shadow:0 5px 5px #666;box-shadow: 0 5px 5px #666;}
.cwrap #search_result li {margin-bottom:6px;line-height: 120%;}
.cwrap .srchitem #stage{margin-top:6px;margin-left:10px;font-size:14px;font-weight:600;position:absolute;line-height:16px;}
.cwrap .srchitem .srcimg{position:absolute;top:20px;left:260px;display:none;}
.cwrap .byitemno{margin:0 30px;display: inline-block;position:relative;}
.cwrap .btn {margin:0 20px;}

.byitemno button{height:25px;position:absolute;top:3px;right:0;background:url(../images/go.png) center no-repeat;}
.byitemno button:hover{background-color:#ededed;}

#itemsec{margin:20px 0 20px 26px;}
#itemsec .itemview{padding-right:26px;}

#itemsec .itemview table{width:100%; border-collapse: separate;border:1px solid}
#itemsec .itemview th{padding:2px;text-align:center}
#itemsec .itemview .qty {;border:1px solid #d8d8d8;border-radius:5px;width:24px;}
#itemsec .itemview .rmv{width:12px;cursor:pointer;}
#itemsec .itemview .rmv:hover{opacity:.7}


/* -- customer/ship to form -- */
#cust{margin:0 40px;padding:10px 10px; padding-right:30px;border:1px solid;position:relative;z-index:1;}
#cust h2 {margin-left: 20px;}
#cust .srccust{position:relative;z-index:100;}
#cust #sc_result{padding:7px;font-size:12px;width:400px;max-height:400px;overflow-y:scroll;border:1px solid #c8c8c8;position:absolute;top:35px;left:16px;background:#fff;z-index:10003;-webkit-box-shadow:0 5px 5px #666;-webkit-box-shadow:0 5px 5px #666;box-shadow: 0 5px 5px #666;display:none;}
#cust #sc_result li {margin-bottom:10px;}
#cust input[type="text"] {max-width:500px;}


/* -- request type --*/
#reqtype{margin:20px 40px;padding:10px 10px;overflow:hidden;border:1px solid;position:relative;z-index:1;}
#reqtype h2 {margin-left:10px;}
#reqtype .purpose{margin:20px 20px 0;padding:0;}
#reqtype .purpose input[type="text"] {min-width:210px;}

/* -- ship type --*/
#shiptype{margin:20px 40px 0;padding:10px 20px;overflow:hidden;border:1px solid;position:relative;z-index:1;}
#shiptype #mvia{margin:20px 10px 0;}
#shiptype .mvia label, #reqtype .purpose label {margin-left: 20px;}
#shiptype .mvia .checkbox, #reqtype .purpose .checkbox {margin-bottom: 20px;}

/*
.msg{position:absolute;top:160px;left:450px;font-size:14px;line-height:16px;color:red;}  */
.msg {margin:50px 0px 0;font-size:14px;line-height:16px;color:red;}

/* job order form process
---------------------------------------  */

#itemsec .itemview .qtypd li{margin:0;padding:5px 10px;cursor:pointer;}
#itemsec .itemview .qtypd li:hover{background:pink;}

#pshiptype{margin:20px 40px 0;padding:10px 20px;padding-right:40px;font-size: 18px;overflow:hidden;border:1px solid;position:relative;z-index:1;}
#pshiptype button {margin-bottom:12px;}


/* print
---------------------------------------  */
#print-wrapper {margin:0 auto;width:765px;height:990px;border:1px solid #999;color:#000;position:relative;);}
#phead{margin:0;padding:60px;position:relative;}
#phead img{width:175px;}
#addr{font-family: 'Open Sans', sans-serif;text-align:right;font-size:10px;font-weight:400;position:absolute;top:83px;right:70px;letter-spacing:-.3px;line-height:11px;}
#addr span{font-size:11px;}
#pcontent{margin:115px auto 0;max-width:600px;min-width:540pxoverflow:hidden;font-family:times, serif;font-size:17px;overflow:hidden;}
#pcontent p{margin:0 0 20px;line-height:20px;width:540px;}
#pbody{margin:40px 0 0;font-size:17px;}
#pbody table{margin:0 0 20px;font-size:10px;border:1px solid;width:auto;min-width:540px;border-collapse: collapse;border-spacing: 0;}
#pbody th{font-size:9px;}
#pbody th, td{padding:5px;border:1px solid;}
#pbody td{font-size:12px;text-transform: uppercase;}
#pfoot{font-size:9px;font-weight:400;position:absolute;left:60px;bottom:75px;}

/* jtable Add New Record modification
--------------------------------------- */
div.jtable-main-container div.jtable-title {
  position:relative;
}
div.jtable-main-container div.jtable-title span.jtable-toolbar-item-text{
  position:absolute;
  top:0;
  right:50px;
  font-size:14px;
  font-weight: bold;
  cursor: pointer;
}
div.jtable-main-container div.jtable-title span.jtable-toolbar-item-text:hover{
text-decoration: underline;
}
form.jtable-dialog-form div.jtable-input-field-container {
  width:320px;
}

#DocATableContainer thead {border: 1px solid #999;}


/*ul {margin:0;padding:0;}  */