/* FIELDS: name-value data display & forms
-------------------------------------------- */
/*.fields { float: left  to handle clear within the form ; margin-bottom: 10px; overflow: visible; }  wrapper for .field 
.field-group { margin: 5px 0 30px; }
*/
.field { clear: left; margin: 0; padding-top: 3px; }
.field .name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; color: #888; font-size: 0.95em; font-family: 'Helvetica Neue', 'Liberation Sans', Arial, sans-serif; }
.field .name.large { font-size: 1.2em; font-weight:bold; color:#000; }
.fields.form .field .name { padding-top: 0.45em;  color: #000;  }
.fields.form .field .value.no-shift { padding-top: 0.3em;   }
.fields .field .value.bottom-padded { padding-bottom: 10px; }
.field .value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.field .value.submit { margin-left: 170px  a little offset ; }
.field .value .error-message { display: none; }
.field .value input[type="text"], .field .value input[type="password"], .field .value textarea { width: 30%; min-width: 200px; margin: 0; }
.field .value textarea { min-width: 400px; height: 70px; }
.field .value input.semi { width: 10%; min-width: 80px; }
.field .value input[type="text"].large, .field .value input[type="password"].large { width: 35%; }
.field .value img.overhanging { position: absolute; left: -20px; }
.field .value i.icon16.overhanging { position: absolute; left: -20px; margin: 0; top: 2px; }
.field .value i.icon10.overhanging { position: absolute; margin-left: -17px; margin-right: 7px; }
.field .value i.icon16 { vertical-align: middle; }
.field .value.no-shift i.icon16.overhanging { top: 8px; }
.field .value .address-subfield { padding:1px 0; }
.field .value input, .field .value select { vertical-align:middle; }
.fields.width100px .name { width: 105px; }
.fields.width100px .value { margin-left: 120px; }
.fields.width100px .value.submit { margin-left: 110px; }


/* PROGRESSBAR
-------------------------------------------- */
.progressbar { width: 33%; padding:7px 7px 6px; margin: 0 2px 20px; margin-right: 10px; border: solid 1px #eee; background:#fff; background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));background-image: -o-linear-gradient(rgb(255,255,255),rgb(238,238,238)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')"; -moz-box-shadow: 0 1px 2px #777; -webkit-box-shadow: 0 1px 2px #777; box-shadow: 0 1px 2px #777; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.progressbar-outer { background: #f7f7f7; border-top: 1px solid #aaa; border-left: 1px solid #bbb; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; position: relative; height: 30px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; }
.progressbar-inner { background-color:#aaa; background-image:url(../../../../../wa-content/img/progressbar.png); position: absolute; left:0; top:0; width: 75%; height: 30px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15) inset; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset; }
.progressbar.small { padding: 4px 4px 3px; width: 20%; }
.progressbar.small .progressbar-outer { height: 10px; }
.progressbar.small .progressbar-inner { height: 10px; background-position: center center; }
.progressbar.blue .progressbar-inner { background-color:#09e; }
.progressbar.red .progressbar-inner { background-color:#f55; }
.progressbar.green .progressbar-inner { background-color:#5c3; }
.progressbar.yellow .progressbar-inner { background-color:#fc3; }
.progressbar.width200px { width: 200px; }
.progressbar.width300px { width: 300px; }
.progressbar.width400px { width: 400px; }



/* IMPORT & EXPORT
------------------ */

.s-csv-settings table.zebra tr.selected td { background-color: #ffb !important; font-weight: bold; }
.s-csv-settings table.zebra tr.selected.secondary td { background-color: #bfb !important;}
.s-csv-settings table.zebra tr.selected td select { font-weight: bold; }
.s-csv-settings table.zebra tr.gray td select { color: #aaa; }

.s-csv-settings table tr td.selected { background-color: #ffb !important; font-weight: bold; }
.s-csv-settings table tr td.selected.secondary { background-color: #bfb !important;}
.s-csv-settings table tr td.selected select { font-weight: bold; }
.s-csv-settings table tr td.gray select { color: #aaa; }
.s-csv-settings table tr td.ignored { color: #ccc !important; text-decoration: line-through; }

.s-csv-settings .value ul.menu-v { margin-top: 0; }
.s-csv-primary-column-helper { background: #ffa; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #ee6; position: absolute; }
.s-csv-secondary-column-helper { background: #afa; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #6e6; position: absolute; }

table.s-csv { border: 0; background-color: #ECE9D8; font-size: 10pt; font-family: arial; border-spacing: 0px; white-space: nowrap; border-collapse: collapse; margin: 0 auto 0 0; }
table.s-csv caption { color: #888888; font-size: 0.95em; text-align: left; }
table.s-csv td { background-color: white; padding: 0 4px 0 2px; border-color: #e6e6e6 #e6e6e6 white; border-style: solid solid none; border-width: 1px 1px 0; overflow: hidden; max-width: 200px; display: inline-block; height: auto; }

table.s-csv tfoot td { color: #888888; background-color: #ECE9D8 !important; font-size: 0.95em; text-align: left; vertical-align: top; }
table.s-csv thead td { color: #888888; background-color: #ECE9D8 !important; font-size: 0.95em; text-align: center; vertical-align: top; }
table.s-csv thead td .s-csv-assigned-to { padding: 2px 5px 5px; font-size: 1.3em; }
table.s-csv thead td .s-csv-assigned-to span.active { color: #000; }
table.s-csv thead td .s-csv-assigned-to span.ignored { display: none; }
table.s-csv thead td.ignored { text-decoration: none; }
table.s-csv thead td.ignored .s-csv-assigned-to span.ignored { display: inline-block; }
table.s-csv thead td.ignored .s-csv-assigned-to span.active { display: none; }

table.s-csv thead td:nth-child(n+4) {min-width: 180px;}

.s-csv-header  { font-weight: bolder; color:#000;}
.s-csv-header .selected { background-color: #ffb !important;}
.s-csv-header .selected.secondary { background-color: #bfb !important;}
.s-csv-header .ignored  { color: #ccc !important; }

table.s-csv thead, table.s-csv tbody, table.s-csv tfoot { display: block; }

table.s-csv tbody { max-height: 800px; overflow-y: auto; overflow-x: hidden; }

table.s-bulk-image-uploader-map { margin-left: 0; }
table.s-bulk-image-uploader-map .preload-files td { padding: 10px; }
table.s-bulk-image-uploader-map .preload-files td ul.s-product-image-crops { border: 1px dashed #aaa; min-height: 20px; }
table.s-bulk-image-uploader-map .preload-files td ul.s-product-image-crops li { padding: 10px; }
table.s-bulk-image-uploader-map .preload-files td.product { white-space: nowrap; }
table.s-bulk-image-uploader-map .preload-files li.ui-state-highlight { line-height: 1.2em; border: none; border-left: 3px solid #fdda3b;}

.s-csv-import-navigator { padding-left: 0; }
.s-csv-import-navigator li { padding-bottom: 13px; color: #aaa; list-style-position: inside; }
.s-csv-import-navigator li.s-passed,
.s-csv-import-navigator li.s-current { color: #000; list-style: none; padding-left: 18px; }
.s-csv-import-navigator li.s-passed { background: url('../../../img/glyph-checkmark.png') no-repeat; }
.s-csv-import-navigator li.s-current { background: url('../../../img/glyph-rarr.png') no-repeat; font-weight: bold; }

.s-csv-importexport-stats { font-style: italic; }
.s-csv-importexport-stats.done { padding: 20px; color: green; background: #dfd; width: 70%; border: 1px solid #aca; box-shadow: 0 2px 7px #ddd; }
.s-csv-importexport-stats h2 { color: green; }
.s-csv-importexport-stats ul { list-style: none; padding-left: 0; }

.tabs.s-export-profile-list { position: relative; height: auto; white-space: normal; }
.tabs.s-export-profile-list li a { box-shadow: 0 -3px 3px -2px rgba(0,0,0,0.1); }
.tabs.s-export-profile-list li.delete-link-wrapper { }
.tabs.s-export-profile-list li.no-tab a { box-shadow: none; }

/* 16x16
-------------------------------------------- */
#s-csvproduct-form i.icon16 { background-repeat:no-repeat; background: url(../../../../../wa-content/img/icon16.png?1503); height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; }
#s-csvproduct-form * i.icon16 { text-decoration:none!important; vertical-align:top; margin: -0.1em 0.25em 0 0; }
#s-csvproduct-form .icon16.box { background-position:-16px -96px; }
#s-csvproduct-form .icon16.exclamation { background-position: -64px -48px; }
#s-csvproduct-form .icon16.exclamation-red { background-position: -80px -48px; }
#s-csvproduct-form .icon16.folder { background-position:-192px -32px; }
#s-csvproduct-form .icon16.folder-dynamic { background-position:-224px -32px; }
#s-csvproduct-form .icon16.folders { background-position:-240px -32px; }
#s-csvproduct-form .icon16.yes { background-position:0 -16px; }
#s-csvproduct-form .icon16.yes-bw { background-position:-16px -16px; }


#s-csvproduct-form ul.menu-h {margin: 0;padding: 0;max-width: 100%;display: block;visibility: visible;background: transparent;}
#s-csvproduct-form ul.menu-h li {display: inline-block;text-align: left;list-style-type: none;font-weight: normal;padding: 5px;line-height: 1em;margin: 0 10px 0 0;}