/* exxpozed Management Base CSS File */

/* *********** Reset + Setup *********** */
html, body, ul, li {
    margin: 0;
    padding: 0;
}
body {
    background: #727278 url('../images/skin/low_contrast_linen.png');
    color: #333;
    font-family: verdana, sans-serif;
    font-size: .8em;
    padding-top: 1.5em;
}
/* *********** JQuery UI Tweaks *********** */
.ui-widget { font-size: 1em !important; }
.ui-widget-overlay { background: url('../images/skin/bg_stripes.png'); }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: .2em; }
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 5 !important;
}
/* *********** Layout *********** */
#header {
    background: #333;
    padding: .3em;
}
#content {
    padding: .5em;
}
/* *********** Helper *********** */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
.pointer { cursor: pointer; }
.hidden { display: none; }
.fouc-hide { display: none; }
.invisible { visibility: hidden; }
.f-left { float: left; }
.c-left { clear: left; }
.f-right { float: right; }
.c-right { clear: right; }
.inline { display: inline; }
.divider { border-top: 1px solid #ccc; margin: 2em auto; width: 98%; }
.padm { padding: 1em; }
.maTop { margin-top: 1em; }
.maLef { margin-left: 1em !important; }
.maRig { margin-right: 1em; }
.maBtm { margin-bottom: 1em; }
.maForFloat { margin: 1em 1em 1em 0; }
.fixed { position: fixed; z-index: 10; width: 100%; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.bold { font-weight: bold; }
.t-note { font-size: .8em; color: #999; }
.s-pad { padding: .5em !important; }
.m-pad { padding: 1em; }
.l-pad { padding: 2em; }
.nopad { padding: 0 !important; }
.noma { margin: 0 !important; }
.nobr { white-space: nowrap !important; }
.w-auto { width: auto; }
.small { font-size: 0.8em; line-height: 1.2em; margin: 0.3em 0 0; }
.dark { color: #333; }
.nols { list-style: none; }
.pa { position: absolute; }
.pr { position: relative; }
/* *********** Global Elements *********** */
#pagetitle {
    color: #dedede;
    display: block;
    font: 2em/2em 'lucida grande', serif;
    text-align: center;
}
h3.title {
    margin-top: 1em;
}
#infobox {
    background: #fff;
    display: none;
    max-height: 200px;
    max-width: 350px;
    padding: 1em;
    position: fixed;
    z-index: 5;
}
#infobox img {
    float: left;
    margin-right: .5em;
}
#infobox .short-desc * {
    color: #333;
    font-size: 10px;
    font-weight: normal;
}
#tabs {
    margin: 2em 0;
}
.box {
    background: #fcfcfc;
    border: 1px solid #dedede;
    padding: 15px;
}
/* Light box with 50%/100% width */
.lbox100,
.lbox50 {
    min-width: 50%;
    min-height: 8em;
    box-sizing: border-box;
    float: left;
    height: auto;
    background-color: #f7f7f7;
    margin: 0;
    overflow: visible;
}
.lbox100 {
    width: 100%;
}
.darkbox {
    background: #555;
    box-shadow: 0 0 2px #333;
    color: #f2f2f2;
    opacity: 0.95;
    padding: 1em;
}
.darkbox * {
    opacity: 1;
}
.darkbox .pagination {
    float: left;
}
.darkbox .pagination a {
    color: #65a1ef;
    text-decoration: none;
}
.darkbox .pagination a:hover {
    color: #c77405;
}
.onepxwidth {
    width: 1px;
}
.smallwidth {
    width: 25%;
}
.midwidth {
    width: 50%;
}
.midMaxWidth {
    max-width: 30em;
}
.maxMaxWidth {
    max-width: 70em;
}
.maxwidth {
    width: 95%;
}
.toolbar {
    float: left;
    margin: 0 0 1em 0;
    padding: 3px;
}
.loading-indicator {
    background: transparent url('../images/skin/ajax-loader-small.gif') no-repeat center;
    height: 11px;
    padding: 5px;
}
.txtInpIndicator {
    background: transparent url('../images/skin/ajax-loader-small.gif') no-repeat right;
}
ul#flash > li {
    margin: .2em 0;
}
ul.icons-right li {
    cursor: pointer;
    float: right;
    list-style: none outside none;
    margin: .5em 0 .5em 3px;
    position: relative;
}
.simple-list {
    margin-left: 2em;
    list-style-position: outside;
}
/* General Form Elements */
fieldset {
    border: 1px solid #999;
    margin-bottom: 2em;
    padding: .5em;
}
fieldset.even div.lbox50,
fieldset.even div.lbox100,
fieldset.even {
    background: #e3e3e3;
}
fieldset.odd div.lbox50,
fieldset.odd div.lbox100,
fieldset.odd {
    background: #f1f1f1;
}
fieldset legend {
    font-size: 1.3em;
    font-weight: bold;
}
/* jQuery enriched Tables */
.jtable {
    border-collapse: collapse;
}
.jtable tr .ui-state-hover {
    font-weight: normal;
}
.jtable tr .ui-state-hover .ui-button-text {
    font-weight: bold;
}
.jtable th,
.jtable td {
    padding: .2em .5em;
}
/* Matrix Table View */
.jtable.cells td {
    padding: 0;
}
.jtable.cells td div.inner {
    padding: 3px;
}
.jtable.cells td dl,
.jtable.cells td dt,
.jtable.cells td dd,
.jtable.cells td dd input {
    font-size: 10px !important;
    margin: 0;
}
.jtable.cells div.variant-data table td {
    padding: .2em .5em;
}
.toolTip {
    background: #f2f2f2;
    border: 3px solid #999;
    width: 15em;
    padding: .5em;
    position: absolute;
    display: none;
    z-index: 5;
}
button.close {
    height: 20px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 20px;
}
/* Accordion Rows */
tr.accordion td.name:hover {
    cursor: pointer;
}
tr.dropOut,
tr.dropOut > td {
    background: #eee;
    min-height: 1em;
}
/* DataTables - http://www.datatables.net/ */
.row_selected td {
    background: #1c94c4 !important;
}
table.dataTable tr.ui-selecting td {
    background: #1caaff !important;
}
table.dataTable tr.ui-selected td {
    background: #1c94c4 !important;
}
table.dataTable tr.error {
    color: red !important;
}
table.dataTable tr.odd { background-color: #f8f8f8; }
table.dataTable tr.even { background-color: #f1f1f1; }
table.dataTable tr:hover { background-color: #e4f1fb; }
/* Zend Form Fields */
dt {
    margin-top: 1em;
}
dd {
    margin-top: .5em;
}
dd p.description {
    color: #999;
    font-size: .8em;
}
div.buttons {
    margin-bottom: 1em;
}
#content {
    padding: 0 0 50px;
}
#content > .box {
    border: none !important;
    box-shadow: 0 0 5px #333;
}
ul.errors {
    color: red;
}
option.icon {
    background-repeat: no-repeat !important;
    padding-left: 20px;
}
option.icon .ui-icon {
    background-position: left top;
}
#loadingDiv {
    left: 0;
    padding: 0.3em 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1050;
}
/* *********** Header *********** */
#header {
    border-bottom: 1px solid #111;
    box-shadow: 0 0 2px #333;
    color: #f2f2f2;
    height: 1.5em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 15;
}
#header #header-navigation ul {
    list-style-type: none;
}
#header #header-navigation > ul > li {
    display: block;
    float: left;
    position: relative;
}
#header #header-navigation > ul > li:hover > ul {
    display: block;
}
#header #header-navigation a {
    color: #1c94c4;
    text-decoration: none;
}
#header #header-navigation > ul > li > a {
    display: block;
    margin-right: .5em;
    padding: .2em .5em .5em;
}
#header #header-navigation > ul > li.active > a {
    text-decoration: underline;
}
#header #header-navigation > ul > li > ul {
    display: none;
    background: #333;
    border: 1px solid #111;
    border-top: none;
    box-shadow: 0 0 2px #333;
    padding: 1em;
    position: absolute;
    top: 1.7em;
}
#header #header-navigation a:hover {
    color: #c77405;
}
#header #current-user {
    float: right;
    margin-right: 10px;
}
/* *********** Pagination *********** */
.filterControl {
    float: right;
}
/* *********** Forms *********** */
.zend_form textarea,
.zend_form input[type=text],
.zend_form input[type=password] {
    width: 90%;
}
dl.zend_form dt label {
    background-color: #76c4eb;
    font-weight: bold;
    padding: 0.5em;
}
dl.zend_form dd {
    margin: 1em 0;
}
/* *********** Product List *********** */
table#product-list {
    width: 100%;
}
td.id,
td.editor,
td.status,
td.stock,
td.price,
td.label,
td.value,
td.actions {
    font-size: .8em;
    white-space: nowrap;
    width: 1px;
}
td.actions a {
    margin: 0 5px;
}
td.name {
    font-size: .8em;
    max-width: 15em;
    white-space: normal;
    width: auto;
}
td.categories,
td.tags {
    font-size: .8em;
}
td.categories > ul.tagit {
    background: none;
    border: none;
    padding: 0 !important;
}
td.value ul {
    list-style-type: none;
}
button.naked {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    line-height: 1em;
}
button.add {
    background: transparent url('../images/skin/icons/add.png') no-repeat center center;
}
button.del {
    background: transparent url('../images/skin/icons/delete.png') no-repeat center center;
}
button.refresh {
    background: transparent url('../images/skin/icons/arrow_refresh_small.png') no-repeat center center;
}
button.help {
    background: transparent url('../images/skin/icons/help.png') no-repeat center center;
}
p.price {
    margin: 0;
}
.price.old {
    color: #555;
    font-size: .7em;
}
.special-price {
    color: red;
}
.itemCount {
    color: #999;
    font-size: .8em;
    padding-left: 1em;
}
div.product-tags {
    white-space: nowrap;
}
div.product-tags > div,
div.product-tags > img {
    display: inline;
    line-height: 1em;
    padding: 0 3px;
}
/* *********** Product Edit *********** */
#productEdit input[type=text] {
    /* 100% - locale img - img margin */
    width: calc(100% - 16px - 1.5em);
}
#productEdit .markItUpContainer {
    font-size: 1em;
}
#productEdit dl {
    width: calc(100% - 1em);
}
#productEdit dt {
    background-color: #76c4eb;
    font-weight: bold;
    padding: 0.5em;
}
dl.zend_form dd {
    margin: 1em 0;
}
#productEdit dd {
    margin: .5em 0 0 0;
}
#productEdit textarea {
    height: 150px;
}
.localeImg {
    margin-left: .5em;
    vertical-align: middle;
}
ul.childErrors,
ul.formatErrors {
    list-style: none outside;
}
ul.childErrors li,
ul.formatErrors li {
    background: red;
    color: white;
    cursor: pointer;
    float: left;
    font-size: .8em;
    margin: 0 5px 1px 0;
    padding: .2em .5em;
}
table#productVariants {
    width: 100%;
}
td.variant-data {
    width: 15em;
}
td.variant-edit {
    width: 1em;
}
td.variant-gallery {
    width: 100%;
}
.good,
tr.good td,
dd.good {
    background: #59b031;
    color: #333;
}
.warning,
tr.warning td,
dd.warning {
    background: #fce220 !important;
    color: #333;
}
.bad,
tr.bad td,
dd.bad {
    background: #f99;
    color: #d83820;
}
tr.disabled td,
dd.disabled {
    background: #eee;
    color: #999;
}
.isChanged {
    background: wheat;
}
.mdPreview {
    background-color: #e6eff7;
    border: 1px solid #a6c9e2;
    box-sizing: border-box;
    float: right;
    height: auto;
    margin-bottom: 2.4em;
    overflow: auto;
    padding: 0.5em;
    position: relative;
    top: 2.4em;
    width: 50%;
}
.mdPreview ul {
    list-style: inside;
}
.nopreview {
    height: 5em;
    width: 100%;
}
#multiAction {
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
#multiAction ul {
    list-style: none outside;
}
#zoombox {
    background: #555;
    box-shadow: 0 0 2px #333;
    left: 0;
    max-height: 70%;
    overflow: hidden;
    padding: 1em;
    position: fixed;
    text-align: center;
    top: 2.2em;
    width: 100%;
    z-index: 13;
}
#zoombox img {
    cursor: move;
}
/* Product Quickedit div */
.quickedit {
    margin: 1em 0.5em;
}
.quickedit .jtable thead th {
    vertical-align: bottom;
}
.quickedit .jtable th {
    width: 1px;
}
/**
 * Variant Edit
**/
table#productVariants h3 {
    font-size: 1em;
}
.vardata table {
    border-collapse: collapse;
}
/**
 * Image Galleries
**/
ul.tinygallery,
ul.gallery { list-style-type: none; }
ul.tinygallery li,
ul.gallery li {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    padding: 10px 10px 1.2em;
    min-width: 100px;
}
ul.tinygallery li {
    margin: 0;
    padding: 5px 5px 1.2em 5px;
    min-width: 70px;
}
ul.gallery li.expanded {
    max-height: 150px;
    min-width: 420px;
}
img.gallery-img {
    cursor: move;
    float: left;
    height: 50px;
    margin-right: 10px;
    max-width: 70px;
}
ul.tinygallery img.gallery-img {
    cursor: ne-resize;
    margin-right: 0;
}
.gallery-img-container {
    padding-bottom: 1em;
    position: relative;
}
span.imgSize {
    bottom: .2em;
    color: #555;
    display: block;
    position: absolute;
    font-size: .8em;
    white-space: nowrap;
}
div.imgAddGallery {
    float: left;
    padding: 1em;
}
.btn-add-img,
.btn-edit-img,
.btn-del-img {
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}
.btn-add-img {
    background: transparent url('../images/skin/icons/add.png') no-repeat center center;
}
.btn-edit-img {
    background: transparent url('../images/skin/icons/image_edit.png') no-repeat center center;
}
.btn-del-img {
    background: transparent url('../images/skin/icons/image_delete.png') no-repeat center center;
}
/**
 * Category List + Edit
 */
.category-filter-table {
    border-collapse: collapse;
    font-size: 10px;
    margin-top: .5em;
    white-space: nowrap;
}
.category-filter-table:first-child {
    margin-top: 0;
}
.category-filter-table td {
    background: #e8f1d4 !important;
    border: 1px solid #ccc;
}
ol.filterlist {
    padding: 0;
    list-style-position: inside;
}
li.filtergroup {
    background: #e8f1d4;
    border: 1px solid #ccc;
    color: #999;
    margin-bottom: .5em;
    padding: .5em;
}
li.filtergroup ol {
    padding-left: 1em;
}
li.filtergroup ol li {
    color: #555;
    margin-bottom: .2em;
}
/**
 * Matches List + Edit
 */
ol#signature-entries div.attribute-text {
    margin: 5px 0;
}
ol#signature-entries div.attribute-text input {
    font-family: Consolas, 'Lucida Console', monospace;
}
table.matchSignatureView {
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-size: 0.8em;
}
table.matchSignatureView th {
    background-color: #fafad2;
    cursor: auto !important;
    padding: 5px 10px !important;
}
table.matchSignatureView td {
    background-color: #f9f9f9 !important;
    border: 1px solid #ccc;
}
/**
 * Documentation
 */
.doc.content {
    font-size: .9em;
    max-width: 40em;
    text-align: justify;
}
.doc.content ul {
    margin-left: 2em;
}
/**
 * Bumlist Module
 */
#bumlistTable {
    /*
    table-layout: fixed;
    word-wrap: break-word;
    width: 100%;
    */
}
#bumlistTable img.info {
    cursor: pointer;
}
/* Matrix Images */
.jtable td.variant-cell img {
    cursor: ne-resize;
    display: block;
    float: none;
    height: auto;
    margin: 2px auto;
}
/* Product List Import */
.json {
    font-family: Consolas, 'Lucida Console', monospace;
    font-size: .8em;
    height: 400px;
    width: 100%;
}
/* Module Overwrites */
.markItUp {
    width: 95% !important;
}