/** Global IDs **/
#colA {
  float:left;
  width:250px;
  margin-right:10px;
}

#colB {
  float:left;
  width:490px;
}

#qtyType,
#format,
#scheduleType,
#rma,
#publicView,
#active,
#sort,
#woId,
#jobId,
#firstName,
#lastName,
#type,
#section,
#cycleStatus,
#poStatus,
#poLineStatus { width:150px; }

#date,
#sdate,
#edate,
#addDate { width:100px; }

#cusId {
  width:250px;
}

/** Dialog Error **/
#wsDialogError .msg {
  width:750px;
  overflow:hidden;
  margin:10px;
  margin-bottom:0;
  font:85% tahoma;
}

#wsDialogError ul {
  color:#666;
}

#wsDialogError ul li {
  padding-bottom:5px;
  list-style:none;
}

#wsDialogError ul li strong {
  padding-right:5px;
}

#wsDialogError ul ul {
  margin-left:10px;
}

/** Document Error */
#docError .content {
  padding:20px;
}

#docError h5 {
  font:normal 108%/1em arial;
  color:#666;
}

#docError p {
  margin:0;
  font:85%/1.25em arial;
  color:#999;
}

#docError ul {
  margin-top:10px;
  font:85%/1.25em arial;
  color:#666;
}

#docError ul li {
  padding-bottom:5px;
  list-style:none;
}

#docError ul li strong {
  padding-right:5px;
}

#docError ul ul {
  margin-left:5px;
  font:100% arial;
}


/** File Format Options **/
#bdy .opts:after {
  display:block;
  visibility:hidden;
  clear:both;
  content:'.';
  border:0;
  padding:0;
  margin:0;
  font-size:0.1em;
  line-height:0.1em;
}

#bdy .opts .formatOpts {
  float:right;
  margin-bottom:5px;
}

#bdy .opts .formatOpts a {
  display:block;
  float:left;
  margin-left:5px;
  padding:3px 3px 3px 20px;
  font:85%/1em tahoma;
  color:#666;
}

#bdy .opts .formatOpts a:hover {
  text-decoration:underline;
  color:#333;
}

#bdy .opts .formatOpts a.pdf {
  background:url(/if/portal/i/icons/pdf.gif) no-repeat left top;
}

#bdy .opts .formatOpts a.pdf:hover {
  background-image:url(/if/portal/i/icons/xls.gif);
}

#bdy .opts .formatOpts a.excel {
  background:url(/if/portal/i/icons/xls.gif) no-repeat left top;
}

#bdy .opts .formatOpts a.excel:hover {
  background-image:url(/if/portal/i/icons/hover/xls.gif);
}

#bdy .opts .formatOpts a.help {
  background:url(/i/icons/help.gif) no-repeat left top;
}

#bdy .opts .formatOpts a.help:hover {
  background-image:url(/i/icons/hover/help.gif);
}

table td {
  border-left:1px solid #F8F8F8;
  border-right:1px solid #E8E8E8;
}

table td:first-child {
  border-left:none;
}

table td:last-child {
  border-right:none;
}

table tr.offset {
  background:#F0F0F0;
}

table thead tr {
  background:#F0F0F0;
}

table thead tr td {
  font-size:85%;
  text-shadow:1px 1px 0 #FFF;
  border-bottom:1px solid #E0E0E0;
}

table tbody tr td {
  padding:5px;
  color:#777;
}

/** Global Class Names **/
.btns {
  padding-top:10px;
  border-top:1px dotted #CCC;
}

.btns .wrapper a {
  float:left;
  margin-left:5px;
}

.btns .wrapper {
  float:right;
}


/** Date Picker */
.date-picker {
  box-shadow:3px 3px 10px #666;
}

.date-picker .header td {
  border:none;
}

.date-picker td {
  border:none;
}

/** Item **/
.item {
  margin-top:-2px;
  font-size:100%;
}

.item a, 
.item span {
  font-size:85%;
}

.item span {
  color:#666;
}

.item p {
  margin:-1px 0 0;
  font:normal 70% tahoma;
  color:#999;
}


/** Pairs **/
.pair {
  position:relative;
}

.pair label {
  display:block;
  float:none;
  position:relative;
  margin-bottom:1px;
  font-size:85%;
  line-height:1.1em;
  color:#777;
  text-shadow:1px 1px 0 #F8F8F8;
}

.pair label span {
  position:relative;
  top:3px;
  padding:0 2px;
  font-size:138.5%;
  line-height:0.5em;
}

.pair input,
.pair select,
.pair textarea {
  padding:3px 5px;
  box-shadow:inset 1px 1px 2px #EEE;
  background:#F8F8F8;
  border:1px solid #CCC;
  border-radius:3px;
  color:#666;
}

.pair input {
  font-size:123.1%;
}

.pair select {
  -webkit-appearance:none;
  padding:4px 3px; 
  font-size:123.1%;
}

.pair option {
  font-size:89%;
}

.pair .auto-complete-busy {
  line-height:1.3em;
}

.pair .auto-complete-preview {
  padding:2px 7px;
  font-size:123.1%;
}

.pair .btn,
.pair .auto-complete-busy {
  font-size:131.5%;
}

.cbpair label {
  line-height:1.2em;
  font-size:85%;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .pair select {
    background:#FFF url(/i/icons/sortdesc.gif) no-repeat right 3px center;
  }

  .pair .btn,
  .pair .auto-complete-busy {
    font-size:146.5%;
  }
}


/** Pagination **/
.pagination ul li a,
.pagination ul li span {
  padding:7px 2px;
  border-radius:3px;
  font-size:85%;
  text-shadow:-1px -1px 0 #EEE,1px 1px 0 #FFF;
  font-family:arial;
}


/** Product Groups **/
.prodgrps .loader {
  width:150px;
  height:75px;
  margin:75px auto 10px;
  padding:29px 0 5px 32px;
  background:url(/i/icons/busy_grey.gif) no-repeat left 21px;
  font:normal 93% arial;
  text-shadow:1px 1px 0 #FFF;
  color:#999;
}

.prodgrps .tabs li {
  margin-top:4px;
}

.prodgrps .tabs li a {
  padding:5px 3px 4px;
  font-size:70%;
  text-shadow:none;
  color:#888;
}

.prodgrps .tabMenu .roundedBox {
  background:#F4F4F4;
}

.prodgrps .tabMenu .roundedBox .content {
  height:300px;
  overflow:auto;
  margin:4px;
  padding:1px !important;
  border:1px solid #DDD;
}

.prodgrps .tabMenu .cbpair {
  margin:0;
  padding:4px 5px 3px;
  border-bottom:1px solid #EEE;
}

.prodgrps .tabMenu .cbpair:hover {
  background:#EEE;
}

.prodgrps .tabMenu .cbpair label {
  line-height:1.2em;
  font-size:85%;
}

.prodgrps .tabMenu .cbpair.select-all {
  padding-top:10px;
  background-color:#EEE;
  border-color:#E8E8E8;
}

.prodgrps .tabMenu .cbpair.select-all label {
  font-weight:bold;
}

/* < IE7 Hacks */
.prodgrps .tabMenu .roundedBox .content {
  *overflow-x:auto;
  *overflow-y:auto;
  *height:225px;
}


/** Parent Groups **/
.parentgrps {
  background:#F8F8F8;
  padding:4px;
  border:1px solid #C8C8C8;
  border-radius:5px;
  border-radius:5px;
}

.parentgrps .inner {
  height:330px;
  padding:1px;
  overflow:auto;
  background:#F4F4F4;
  border:1px solid #D8D8D8;
}

.parentgrps ul {
  list-style:none;
}

.parentgrps .cbpair {
  margin:0;
  padding:4px 5px 3px;
  border-bottom:1px solid #EEE;
}

.parentgrps li:last-child .cbpair {
  border-bottom:none;
}

.parentgrps .cbpair:hover {
  background:#EEE;
}


/** Errors **/
.sys-error .roundedBox {
  margin:100px 0;
}

.sys-error .content {
  padding:25px;
}

.sys-error .content h5 {
  font:normal 122% arial;
  color:#333;
}

.sys-error .content p {
  margin-bottom:0;
  font:85% arial;
  color:#999;
}

/** Dialogs **/
.disabledBg {
  background:#000;
  filter:alpha(opacity=40);
  background:rgba(0,0,0,0.4);
}

.dialog .icon {
  padding-right:0;
}

.dialog .msg {
  position:relative;
  padding:20px;
}

.dialog .msg h5 {
  margin:0;
  padding:0;
  font:normal 108%/1.4em arial;
}

.dialog .msg p {
  margin:0;
  font:85%/1.2em arial;
  color:#999;
}


/** Favorites **/
.dialog .favorites {
  background:none;
  padding:5px 10px 5px;
  border:none;
  text-shadow:1px 1px 0 #FFF;
}

.dialog .favorites h5 {
  font:82% arial;
  color:#336699;
}

.dialog .favorites a.btn {
  font:85% arial;
  color:#336699;
}

.dialog .favorites label {
  margin-top:5px;
  font-size:77%;
}
.dialog .favorites select {
  font-size:77%;
}

.dialog.shadow,
.dialog.shadow .bl,
.dialog.shadow .box {
  padding:0;
  background:none;
}

.dialog.shadow .bl,
.dialog.shadow .bd,
.dialog.shadow .box {
  top:0;
  left:0;
  right:0;
}

.dialog.shadow {
   box-shadow:0 0 30px #333; 
}

.dialog .hdr {
  position:relative;
  border-bottom-width:1px;
  font-size:123.1%;
}

.dialog a.help {
  position:absolute;
  bottom:5px;
  right:7px;
  display:block;
  width:14px;
  height:14px;
  background:url(/i/icons/help_small.gif) no-repeat left top;
  font-size:0.1em;
  line-height: 0.1em;
}

.dialog a.help:hover {
  background-image:url(/i/icons/hover/help_small.gif);
  text-decoration:none;
}


/** Overides **/
.pair-cusId {
  display:none;
}


/** Screen Layout **/
html {
  height:100%;
  background:#333;
}

.gbl-skin-webship .screen {
  background:#FFF;
  border-top:2px solid #2D519A;
  border-bottom:2px solid #A7B819
}

.gbl-skin-webship .screen .main-content {
  width:900px;
  margin:0 auto;
}

.gbl-skin-webship .screen .main-header {
  padding-bottom:35px;
}

.gbl-skin-webship .screen .main-header h1 {
  float:left;
  margin-top:25px;
}

.gbl-skin-webship .screen .main-header h1 a {
  display:block;
  height:70px;
  width:245px;
  background:url(/if/portal/i/wslogo.png) no-repeat center;
  text-indent:-1000px;
}

.gbl-skin-webship .screen .main-header .user {
  float:right;
}

.gbl-skin-webship .screen .user ul {
  float:right;
  margin:5px 0 15px;
  list-style:none;
}

.gbl-skin-webship .screen .user li {
  float:left;
  padding:3px;
  font:normal 85%/1em georgia,sans;
  color:#333;
}

.gbl-skin-webship .screen .user li {
  margin-left:3px;
  padding-left:7px;
  border-left:1px dotted #DDD;
}

.gbl-skin-webship .screen .user li:first-child {
  margin-left:0;
  padding-left:0;
  border-left:none;
}
.gbl-skin-webship .screen .user span {
  color:#CCC;
}

.gbl-skin-webship .screen .user span em {
  font-style:italic;
  color:#A7B819;
}

.gbl-skin-webship .screen .user a {
  text-decoration:none;
  color:#2D519A;
}

.gbl-skin-webship .screen .user .header {
  float:none;
  clear:both;
  margin-bottom:10px;
  text-align:right;
  font:normal 100%/1.5em georgia,sans;
  color:#2D519A;
}

.gbl-skin-webship .screen .user h3 {
  font-weight:normal;
  font-size:116%;
  color:#A7B819;
  line-height:1.3em;
}

.gbl-skin-webship .screen .user h2 {
  font-weight:normal;
  font-size:197%;
  line-height:1em;
}

.gbl-skin-webship .screen .user h5 {
  font-weight:normal;
  font-size:85%;
  line-height:1.2em;
  color:#C8C8C8;
}

.gbl-skin-webship .main-body {
  margin-bottom:25px;
}

.gbl-skin-webship .main-footer {
  font:normal 77%/1.3em georgia,sans;
  text-align:center;
  color:#666;
}

.gbl-skin-webship .main-footer h1 {
  margin-top:25px;
  font-size:184%;
  font-weight:normal;
  line-height:2em;
  color:#999;
}

.gbl-skin-webship .main-footer h1 span {
  padding-left:3px;
  font-size:93%;
}

.gbl-skin-webship .main-footer ul {
  width:375px;
  margin:0 auto;
  list-style-type:none;
}

.gbl-skin-webship .main-footer li {
  margin-bottom:10px;
}