/* reset by Eric Meyer */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0;	border: 0; outline: 0;
}

body { background: #323232; font: 12px "Open Sans", Arial, Helvetica; letter-spacing: 0; }

#nav_admin_cnt { height: 72px; padding-bottom: 3px; background: url('../imgs/header-bottom.png') repeat-x 0 bottom; margin-bottom: 5px; }
#nav_admin { display: block; margin: 0; list-style-type: none; color: white; line-height: 14px; height: 72px; background: #323232 url('../imgs/backdoor-logo.png') no-repeat 13px 13px; }
#nav_admin li { float: left; }
#nav_admin li a { display: block; padding: 6px 8px; color: white; text-decoration: none; }

#nav_admin li.actual a, #nav_admin li a:hover { color: #1ca89c; }
#nav_admin #signed-in { float: right; padding: 6px 8px; color: white; }
#nav_admin #signed-in span { color: #999; }
#signed-in a { color: #1ca89c; text-decoration: none; }
#signed-in a:hover { text-decoration: underline; }

#wrapper { padding: 0 5px 5px 200px; }
#header { float: left; width: 200px; margin-left: -200px; }
#header a#logo { display: block; width: 168px; height: 111px; padding: 0 8px; margin-bottom: 6px; background: url('../imgs/logo.jpg') no-repeat center top; }
#nav_main { display: block; list-style-type: none; position: relative; z-index: 10; }
#nav_main > li { position: relative; display: block; margin-bottom: 2px; }
#nav_main a { text-decoration: none; }
#nav_main > li > a { position: relative; display: block; height: 60px; line-height: 60px; padding-left: 52px; color: white; font-size: 14px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset;
  -ms-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset;
  -o-box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset;
}
#nav_main > li > a span{ display: inline-block; line-height: 14px; vertical-align: middle; }
#nav_main > li:before { content: ' '; position: absolute; top: 3px; left: 3px; height: 54px; width: 3px; display: block; background: #0c8ed3; }
#nav_main > li > a:before { content: ' '; position: absolute; top: 0; left: 6px; height: 100%; width: 46px; background: url('../imgs/nav-icons/def.png') no-repeat center center;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
}
#nav_main > li > a:hover:before, #nav_main > li.actual > a:before {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
#nav_main > li > a:hover, #nav_main > li.actual > a { background: #0c8ed3; }
#nav_main > li.actual > a:after { content: ' '; position: absolute; height: 100%; width: 10px; top: 0; right: -10px; background: url('../imgs/side-nav_tail_01.png') no-repeat 0 0; }
#nav_main > li > ul { display: none; background: url('../imgs/side-nav_sub-nav_bg.png') repeat 0 0; list-style-type: none; color: white;
  -moz-box-shadow: 0 -4px 4px rgba(0,0,0,0.35) inset;
  -webkit-box-shadow: 0 -4px 4px rgba(0,0,0,0.35) inset;
  -ms-box-shadow: 0 -4px 4px rgba(0,0,0,0.35) inset;
  -o-box-shadow: 0 -4px 4px rgba(0,0,0,0.35) inset;
  box-shadow: 0 -4px 4px rgba(0,0,0,0.35) inset;
}
#nav_main > li.actual > ul { display: block; }
#nav_main > li > ul > li { border-top: 1px dotted rgba(255,255,255,0.3); }
#nav_main > li > ul > li:first-child { border: 0; }
#nav_main > li > ul > li > a { position: relative; display: block; height: 36px; line-height: 36px; color: inherit; padding-left: 42px; }
#nav_main > li > ul > li > a:before { content: ' '; position: absolute; top: 0; left: 12px; display: block; height: 100%; width: 24px; background: url('../imgs/nav-icons/16x16/def.png') no-repeat center center;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;  
}
#nav_main > li > ul > li > a:hover { background: black; background: rgba(0,0,0,0.5); }
#nav_main > li > ul > li.actual > a { background: black; }
#nav_main > li > ul > li > a:hover:before, #nav_main > li > ul > li.actual > a:before { 
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}
#nav_main > li > ul > li > a span{ display: inline-block; line-height: 12px; vertical-align: middle; }
#nav_main > li > ul > li.submenu { padding-left: 30px; background: url('../imgs/sub-sub-nav_tail.png') no-repeat 25px 7px; }


#main_cnt { min-height: 500px; background: #e2e2e2 url('../imgs/bg_striped.png') repeat 0 0; color: #535353; padding-right: 250px; position: relative; }
#main_cnt.fifty-fifty { padding-right: 50%; }

#cntnt, #sidebar {  }
#cntnt { position: relative; overflow: hidden; background: white; min-height: 2800px; }
#sidebar { float: right; margin-right: -250px; width: 250px;  }
.fifty-fifty #sidebar { width: 100%; margin-right: -100%; }

.edit-block.main { float: none; margin-bottom: 6px; height: 16px; }
.edit-block { float: right; }
.right { float: right; }
.list-head { background: #0c8ed3; color: white; padding: 8px 10px; line-height: 16px; vertical-align: middle; }
.list-head .edit-block { float: right; }
.ordered-by { color: #535353; padding-right: 11px; background: url('../imgs/decreasing.png') no-repeat right 4px; }
.list-head span.increasing, .increasing { background-image: url('../imgs/increasing.png'); }

#cntnt table tr { border-bottom: 1px solid #dadada; }
#cntnt table tr:hover { background: #eee; }
#cntnt table tr:first-child:hover td { background: #0c8ed3 }
div.item { padding: 6px 8px; border-bottom: 1px solid #dadada; }
#cntnt .table-head { padding: 8px; background: #0c8ed3; color: white; font-size: 12px; }
#cntnt .table-head a { color: inherit; text-decoration: none; }
#cntnt .table-head a:hover { text-decoration: none; }
#cntnt table { border-collapse: collapse; }
#cntnt table { width: 100%; font-size: 11px; }
#cntnt table td { padding: 6px 8px; }

#cntnt table tr.inactive { background: #faaeae; }

#cntnt .icon { display: block; float: left; width: 16px; height: 16px; cursor: pointer; background: url('../imgs/icons/edit.png') no-repeat left top; }
#cntnt .icon.del { background-image: url('../imgs/icons/delete.png'); }
#cntnt .icon.back { float: right; background-image: url('../imgs/icons/arrow_left.png'); }
#cntnt .icon.add { float: right; background-image: url('../imgs/icons/add.png'); }
#cntnt .icon.add-item { width: auto; margin-bottom: 8px; padding-right: 18px; line-height: 16px; vertical-align: center; background-position: right center; }

#cntnt h2 { margin-bottom: 16px; }
#cntnt h3 { margin: 12px 0; }
#cntnt a { text-decoration: none; color: #2089e2; }
#cntnt a:hover { text-decoration: underline; }

#unrecieved-orders h2 { background-image: url('../imgs/sidebar_headline_red.png'); }
#btn_order-reg { display: block; height: 48px; margin: 12px 0; background: url('../imgs/btn_order-reg.jpg') no-repeat center center; text-indent: -4000px; }
#unrecieved-orders .orderItem { padding: 8px 12px; border-bottom: 1px solid #b8b8b8; }
#unrecieved-orders .nav { float: right; }
#unrecieved-orders .orderItem .name { font-weight: bold; }

#sidebar .pageHead { background: #0c8ed3; color: white; }
#sidebar .sideCntnt { padding: 16px 15px; }


#sidebar #admin-users ul { display: block; list-style-type: none; }
#sidebar #admin-users ul li { display: block; padding-left: 33px; background: url('../imgs/user_offline.png') no-repeat 21px center; color: black; }
#sidebar #admin-users ul li.online { background-image: url('../imgs/user_online.png'); }
#sidebar #admin-users h3 { margin: 12px 19px 8px; font-size: 10px; font-weight: normal; line-height: 10px; text-transform: uppercase; }

#right-bar{ padding: 10px; }
#right-bar a{ display: block; clear: both; padding: 3px; }
#right-bar a.active{ background: #ccc; }

#footer a#dropby-logo { display: block; float: right; width: 74px; height: 62px; margin: 14px; background: url('../imgs/dropby-logo.jpg') no-repeat left top; }

.success { padding: 6px; color: white; background: green; font-weight: bold; }
.failed { padding: 6px; color: white; background: red; font-weight: bold; }
#cntnt .success a { color: white; margin: 6px 0 0 6px; font-weight: normal; }
.clr { display: block; clear: both; }
.hidden, #cntnt .hidden { display: none; }


#slideHead div{ float: left; width: 25% }
#sortable .item{ min-height: 15px; }
#sortable .item div{ float: left; width: 25%; }

#sortableCnt .category { padding: 6px 8px; background: #888; color: white; }
.sortable .sortableItem { padding: 6px 8px; border-bottom: 1px solid #dadada; cursor: move; }
.sortable .sortableItem:hover { background: #ffc485; border-color: #e5861f; }
.sortableItem .name { font-weight: bold; }
.sortableItem .editBox { float: right; }

.order-item { padding: 10px; border-bottom: 1px solid #b8b8b8; }
.order-item.unrecieved { margin-bottom: 6px; background: #fff9f9; border-top: 1px solid #f8dede; border-right: 1px solid #f8dede; border-left: 1px solid #f8dede; }
.order-item .right-box { float: right; display: block; width: 100px; text-align: right; }
.order-item.main .id { float: left; display: block; width: 24px; margin-right: -24px; color: #aaa; }
.order-item .customer-data { margin-left: 24px; font-size: 13px; }
.order-item .mail { font-size: 11px; }
.order-item .status { color: white; background: #ffa10d; text-transform: uppercase; font-size: 10px; padding: 2px 4px; text-align: center; margin-top: 6px; }
.order-item .status.unrecieved { background: #c92c2c; }
.order-item .detailsBtn { float: right; cursor: pointer; }
.order-item .details { margin: 0; padding: 0; background: #dcf0f7; color: #32474e; border-top: 2px solid #89afbb; }
.order-item .details table { margin: 0; padding: 0; width: 100%; }
#cntnt .order-item .details tr { border-color: white; }
.order-item .details .price { text-align: right; }
.order-item .details .sum { font-weight: bold; background: #89afbb; color: white; }
.order-item .details .sum .price { font-size: 14px; }
#cntnt .order-item .details .message { border-bottom: 0; }
.order-item .nav { margin-top: 4px;  }

#cntnt .main-category_cnt h1 { padding: 10px 4px; font-size: 16px; vertical-align: middle; }
#cntnt .main-category_cnt h2 { padding: 8px 10px; font-size: 14px; background: #0C8ED3; color: white; border-bottom: 1px solid white; margin: 4px 0 0; vertical-align: middle; }
.main-category_cnt .subcategory { background: #dcf0f7; padding: 4px 14px; border-bottom: 1px solid white; line-height: 16px; vertical-align: middle; }
.main-category_cnt .edit-block { float: right; }

.btn { display: block; float: left; width: 16px; height: 16px; margin-right: 4px; background: url('../imgs/icons/edit.png') no-repeat 0 0; text-indent: -4000px; overflow: hidden; cursor: pointer; }
.btn.edit { background-image: url('../imgs/icons/edit.png'); }
.btn.delete { background-image: url('../imgs/icons/delete.png'); }
.btn.add { background-image: url('../imgs/icons/add.png'); }
.btn.cancel { background-image: url('../imgs/icons/cancel.png'); }
.btn.yes { background-image: url('../imgs/icons/yes.png'); border: 0; }
.btn.no { background-image: url('../imgs/icons/no.png'); }
.btn.activate{ background-image: url('../imgs/icons/padlock_open.png'); }
.btn.deactivate{ background-image: url('../imgs/icons/padlock_closed.png'); }
.btn.next { background-image: url('../imgs/icons/arrow_right.png'); }
.btn.colors{ background-image: url('../imgs/icons/pie_chart.png'); }
.btn.cats{ background-image: url('../imgs/icons/share_this.png'); }
.btn.blackstar{ background-image: url('../imgs/icons/star_black.png'); }
.btn.turnLeft{ background-image: url('../imgs/icons/turn_left.png'); }
.btn.smile{ background-image: url('../imgs/icons/smiley_smile.png'); }
.btn.details{ background-image: url('../imgs/icons/arrow_down.png'); }

.deletePic{ font-size: 10px; color: blue; display: block; }

#cntnt table.elszamolas{ width: 1000px; }
.elszamolas td{ font-size: 10px; }
.elszamolas tr.negative td{ background: #FFB5BC; }
.elszamolas tr.sumtr td{ font-weight: bold; font-size: 12px; border-bottom: 1px solid black;  }

div.item.gergo{ background: #FAFFC7; }
div.item.peter{ background: #C9FFFF; }                          
div.item.done{ background: #85FF89; }  
span.partner{ font-weight: bold; }

#pageHead, .pageHead{ line-height: 60px; color: #0c8ed3; font-weight: 300; font-size: 30px; padding-left: 24px;
background: rgb(228,228,228); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(215,215,215,1) 74%, rgba(228,228,228,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(74%,rgba(215,215,215,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
}

.fr{ float: right; }
.fl{ float: left; }                        

#allProducts span{ display: inline-block;padding-right: 20px; }
#allProducts .img{ width: 60px; }
#allProducts .name { width: 350px;   }
#allProducts .sku { width: 100px; }

#allProducts .item:hover { background: #eee; }


#cntnt .editItemTable tr:hover{ background: none;  }
#cntnt .editItemTable tr:first-child:hover td { background: none; }


#cntnt .editNow{ background: #0C8ED3; color: #fff; }
#cntnt .editNow:hover td{ background: #0C8ED3; color: #fff; }

.itemList { position: relative; }
.itemList .id { width: 10%; display: inline-block; text-align: center; }
.itemList .title { width: 65%; display: inline-block; }
.itemList .noEdit { cursor: move; }
.itemList .noEdit:hover { background: #ffec9f; border: 1px solid #ffe26c; margin: -1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

#loading {
   position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width:100%; height:2000px;
   background: #fff url('../imgs/loading.gif') no-repeat center bottom fixed; opacity: 0.5;
   z-index: 1000000;
}

#signInDiv{ width: 260px; margin: 0 auto; background: white; border: 1px solid #8A8A8A;
  -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.35) inset;
  -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.35) inset;
  -ms-box-shadow: 0 4px 4px rgba(0,0,0,0.35) inset;
  -o-box-shadow: 0 4px 4px rgba(0,0,0,0.35) inset;
  box-shadow: 0 4px 4px rgba(0,0,0,0.35) inset;
 }
#signInDiv h2{ line-height: 40px; color: #0c8ed3; font-weight: 300; font-size: 20px; padding: 5px 10px;
background: rgb(228,228,228); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(228,228,228,1) 0%, rgba(215,215,215,1) 74%, rgba(228,228,228,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,228,228,1)), color-stop(74%,rgba(215,215,215,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(228,228,228,1) 0%,rgba(215,215,215,1) 74%,rgba(228,228,228,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
 }
#signInDiv form{ padding: 10px; }
#signInDiv table tr td{ padding: 4px; }

#signInDiv input[type="submit"] {
    background: url("/imgs/texture_dark.png") repeat scroll 0 0 #323232;
    border: 1px solid black;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #0085A3, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: white;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}