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,th,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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

body {background:#c8c8c8}
div,p,td,h1,h2,h3,h4,h5,h6,ul,li {font-family:Arial,sans-serif;font-size:14px}
input[type="text"],input[type="password"],input[type="file"],input[type="reset"],input[type="email"],input[type="color"],input[type="date"],input[type="color"],input[type="number"],input[type="range"],input[type="search"],input[type="tel"],input[type="url"],input[type="time"] {margin:0 10px 5px;padding:0 5px;width:60%;height:24px;font-size:14px;font-family:Arial,sans-serif;vertical-align:top;border-radius:0;border:1px solid #bbb}
input[type="button"],input[type="checkbox"],input[type="radio"] {vertical-align:top;border:1px solid #bbb}
input[type="submit"],button,.button {display:inline-block;padding:9px 15px;vertical-align:top;font-size:14px;color:#fff;border:0;border-radius:5px;line-height:1.4;background:#e67e12}
select {margin:0 10px 5px;padding:0 5px;width:60%;height:26px;font-size:14px;font-family:Arial,sans-serif;vertical-align:top;border-radius:0;border:1px solid #bbb;box-sizing:content-box}
textarea {margin:0 10px 5px;padding:0 5px;width:60%;min-height:100px;font-size:14px;font-family:Arial,sans-serif;border-radius:0;border:1px solid #bbb}
input[readonly],select[readonly],textarea[readonly] {border:1px solid #eee}
input[type="file"] {border:0}
input[readonly] {border:1px solid #ccc;background:#ddd}
input.no_label,textarea.no_label,select.no_label {margin:0;width:100%;box-sizing:border-box}

label {display:inline-block;margin:0;padding:9px 0 0;width:25%;vertical-align:top;font-size:11px}
label input[type="checkbox"],label input[type="radio"] {margin:0 8px}

.lister .c label {text-align:center;width:initial}

h1,h2,h3,h4,h5,h6 {color:#163055;font-weight:bold}
h1 {margin:0 0 15px;font-size:30px}
h2 {margin:0 0 12px;font-size:24px}
h3 {margin:0 0 11px;font-size:22px}
h4 {margin:0 0 10px;font-size:20px}
h5 {margin:0 0 9px;font-size:18px}
h6 {margin:0 0 8px;font-size:16px}

p,td {margin:0 0 18px;line-height:1.4}

a {color:#163055}
a:hover {color:#326ec3}
a:visited {color:#846c13}

hr {border:0;padding:1px 0 0;margin:20px 0;background:#888}

small {font-size:10px;color:#666}

.clear {display:block;content:'';clear:both}
.full {width:100%}

.f20 {width:20%}
.f25 {width:25%}
.f33 {width:33.3333333%}
.f50 {width:50%}
.f66 {width:66.6666666%}

.col_box {width:100%}
.col_box::after {display:block;content:'';clear:both}
.col_box .col50 {float:left;width:50%}
.col_box .col33 {float:left;width:33.333%}
.col_box .col66 {float:left;width:66.666%}
.col_box .col_left {float:left;display:inline-block}
.col_box .col_right {float:right;display:inline-block}
.col_box .col_row {clear:both}

.section_box {margin-bottom:20px}

.validated {border:1px solid #3a3;background:#6c6;color:#fff;padding:1px 3px;border-radius:4px}
.unvalidated {border:1px solid #ca6f6f;background:#eb3131;color:#fff;padding:1px 3px;border-radius:4px}

#container {max-width:1800px;margin:0 auto;background:#fff;overflow:hidden}

#headerbox {min-height:70px;background:#373737;box-shadow:0 0 7px rgba(0,0,0,.8)}
#header {position:relative;display:table;width:100%}
#header::after {display:block;content:'';clear:both}

#logo {display:table-cell;padding:4px 15px;max-height:54px;width:100px;min-width:220px;background:#fff;text-align:center}
#logo img {max-width:100%}

#mainnav {display:table-cell;padding:0 3px 0 0;vertical-align:bottom;text-align:right;/*bottom:0;position:absolute;left:6px;display:inline-block;*/}
#mainnav a {display:inline-block;line-height:30px;padding:0 10px;margin:5px 0 0 1px;background:#778698;color:#fff;text-decoration:none}
#mainnav a:hover {background:#e67e12}
#mainnav .logged_in {color:#fff;font-size:14px;padding:10px}
#mainnav .logged_in .username {color:#ff5}

#subnav {background:#efefef;padding:1px 2px 0;text-align:right}
#subnav a {display:inline-block;line-height:28px;background:#666669;color:#fff;padding:4px 10px;margin:0 0 0 1px;text-decoration:none}
#subnav a:hover {background:#e67e12}

#main {min-height:400px}

#footer {padding:15px 20px 20px;background:#ddd}
#footer .copyright {text-align:center;font-size:13px;color:#555;line-height:1.4}

#controls {}

.container {padding:30px}

.form_box {margin:0 auto 15px;padding:5px 11px;background:#dce0e5;border:1px solid #c7c7c7;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.5)}

.form_field {margin:0 0 12px;text-align:right}
.form_field.full textarea {margin:0;width:100%;box-sizing:border-box}
.form_field.submit {margin:20px 0 0;width:100%;text-align:center}
.form_box .buttons {text-align:right;display:inline-block}
.form_box .buttons::after {display:block;content:'';clear:both}
button.reset {float:left;padding:3px 12px;font-size:15px;margin:0 10px;background:#aaa}
.form_field.submit .close {margin:0 0 0 20px}
.form_box .note {color:#888;font-size:12px}

form h1,form h2,form h3,form h4 {padding:0 10px;text-align:left;}

.search_box {text-align:right}
.search_box label {padding:4px 0 0}
.search_box input[type="text"] {max-width:150px}
.search_box input[type="submit"] {padding:3px 12px;font-size:15px}
.search_box .note {display:inline-block;margin:0 10px}
.search_box small input {vertical-align:baseline}

.required {color:#c00;font-weight:bold;font-size:20px;height:12px;display:inline-block;margin:0 0 0 3px;line-height:12px;vertical-align:top}

#login_box {max-width:500px;margin:40px auto}
#login_box form {margin:0 auto;max-width:800px}
#login_box .form_box {max-width:500px;margin:20px auto 40px;padding:50px;background:#dce0e5;border:1px solid #c7c7c7;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.5)}

.errors .error,.errors .good,.errors .warn {margin:0 0 8px;padding:5px 8px;color:#fff;line-height:1.5;border-radius:4px}
.errors .error {background:#a00;border:1px solid #ff5d5d}
.errors .good {background:#0f940f;border:1px solid #4dde4d}
.errors .warn {background:#32326f;border:1px solid #7b7bee}

.normal_box {margin:0 auto;padding:20px 50px 50px}

#portal {}
#portal ul {margin:0 0 20px;padding:40px 40px 20px;background:#eee;border:1px solid #d3d8de;border-radius:20px}
#portal ul li {margin:0 0 22px;font-size:18px;list-style-type:square}
#portal ul li a {text-decoration:none}

.filters {margin:0 0 10px;line-height:2}
.filters .button {border:1px solid #6B6B6B;background-color:#5E991E;padding:4px 10px;margin:4px 8px;text-align:center;width:auto;display:inline-block;text-decoration:none;box-shadow:0 1px 5px rgba(100,100,100,.5);border-radius:2px;font-weight:bold;color:#fff}
.filters .button.filtered_export {background:#6E793E}
.filters .button.archive {background:#E67E12;border-color:#999}
.filters button {font-size:14px;line-height:1.4}
.pager {margin:10px 0;line-height:1.5;text-align:right}
.pager span {font-weight:bold;font-size:15px;display:inline-block;margin:0 4px;color:#fff;background:#a80;padding:0 4px;border-radius:3px;border:1px solid #760}
.pager a {color:#333;font-weight:bold;font-size:15px;display:inline-block;margin:0 4px;border:1px solid #ccc;padding:0 4px;border-radius:3px;text-decoration:none}
.per_page {margin:10px 8px 0;min-width:200px}
.per_page label {width:auto}
.per_page select {width:auto}

table.lister {margin:0;padding:0;width:100%}
.lister th {padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#fff;font-weight:bold;text-align:left}
.lister td {padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;line-height:1.5;border-right:1px solid #fff}
.lister td.c,th.c,.c {text-align:center}
.lister td.r {text-align:right}
.lister td.rk {text-align:right;color:#000}
.lister td.sm {color:#333;font-size:8pt}
.lister td.smr {text-align:right;color:#666;font-size:7pt}
.lister td.kill {background-color:#ffaaaa;text-align:center;font-weight:bold;color:#900}
.lister td.title {color:#fff;font-weight:bold}
.lister td.navbt {background-color:#000;text-align:center}
.lister tr {background:#eee}
.lister tr:nth-child(odd) {background:#ddd}
.lister tr.title {background:#bbb}
.lister tr.title.title_second {background:#999}
.lister hr {margin:0;padding:1px 0 0 0}
.lister tr.row1 {background:#ddd}
.lister tr.row2 {background:#eee}
a.sort {text-decoration:none}
a.sort.active {color:#f80}

.lister tr.title {background:#bbb}

.scroll_box {overflow-x:scroll}
td.price_history {padding:0;background:#fff;border-bottom:1px solid #888}
td.price_history div {padding:0 4px;overflow:auto;max-height:100px;font-size:11px}
tr.second_row td {border-bottom:1px solid #888}
tr.second_row th {background:#aaa}
tr.third_row td {border-bottom:1px solid #888}
tr.third_row th {background:#999}

.lister_forms {margin:10px 0 20px;padding:20px;border:1px solid #d8d68e;background:#f5f3b6;border-radius:10px}
.lister_forms button.close {background:#555}
.lister_forms .form_field {float:left}
.lister_forms .form_field label.checkbox {}
.lister_forms .form_field input[type="text"] {width:40%}
.lister_forms .form_field.textarea {text-align:left}
.lister_forms .form_field.textarea label {display:block}
.lister_forms .form_field textarea {width:90%}
.lister_forms:after {display:block;content:'';clear:both}

.tabs {margin:0;padding:0 3px}
.tabs.divider {margin: 0 0 10px;border-bottom: 1px solid #ccc;}
.tabs span {background: #efefef;padding: 8px 12px;display: inline-block;border: 1px solid #ccc;border-radius: 3px;margin: 0 8px 0 0;border-bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;cursor:pointer}
.tabs span:hover {background:#c2cedc}
.tabs span:hover a {color:#000}
.tabs span.active {background:#c2cedc}
.tabs span.active a {color:#000}
.tabs span a {text-decoration:none}

.form_field.checkbox label {width:60%;margin:0 10px 5px;text-align:left}

.search_panel {width:100%}
.search_panel.col_left {width:25%;padding:0 10px 10px;box-sizing:border-box;text-align:left}
.search_panel.col_left input[type="text"] {margin:0;width:100%;max-width:none}
.search_panel label {margin:0 10px 0 0;width:auto}

#images .lister select {width:auto}
#images .lister input[type="text"] {width:200px}
@keyframes savebutton {0% {background:#3cca40}50% {background:#e67e12}}
@keyframes savebuttonerror {0% {background:#f72010}50% {background:#e67e12}}
#images .lister div.button {cursor:pointer;padding:3px 11px}
#images .lister div.button.saved {animation:savebutton 4s}
#images .lister div.button.error {animation:savebutton 4s}

.suggested_thumb img {max-height:100px}
.phash_image img {float:right;max-width:150px;max-height:150px}

.d_id {width:12%}
.d_nm {width:20%}
.d_ll {width:18%}
.d_cl {width:18%}
.d_em {width:42%}

.notes {white-space:pre-wrap}

.x_out {display:inline-block;width:13px;height:13px;border:0;border-radius:10px;background:#a00;text-align:center;color:#fff;font-size:10px;line-height:1.2;vertical-align:middle;cursor:pointer}



@media only screen and (max-width: 650px) {
.normal_box {margin:0 auto 40px;padding:20px 20px 50px;}
 .col_box .col50,.col_box .col33 {width:100%}
 label {width:100%;text-align:left}
}


/* Pikaday */
@charset "UTF-8";
/*!  * Pikaday  * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/  */
.pika-single {z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
/* clear child float (pika-lendar),using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */
.pika-single:before,.pika-single:after {content:" ";display:table}
.pika-single:after {}
.pika-single {}
.pika-single.is-hidden {display:none}
.pika-single.is-bound {position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}
.pika-lendar {float:left;width:240px;margin:8px}
.pika-title {position:relative;text-align:center}
.pika-label {display:inline-block;*display:inline;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff}
.pika-title select {cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}
/* hide text using text-indent trick, using width value (it's enough) */
.pika-prev,.pika-next {display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5;*position:absolute;*top:0}
.pika-prev:hover,.pika-next:hover {opacity:1}
.pika-prev,.is-rtl .pika-next {float:left;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');*left:0}
.pika-next,.is-rtl .pika-prev {float:right;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');*right:0}
.pika-prev.is-disabled,.pika-next.is-disabled {cursor:default;opacity:.2}
.pika-select {display:inline-block;*display:inline}
.pika-table {width:100%;border-collapse:collapse;border-spacing:0;border:0}
.pika-table th,.pika-table td {width:14.285714285714286%;padding:0}
.pika-table th {color:#999;font-size:12px;line-height:25px;font-weight:bold;text-align:center}
.pika-button {cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}
.pika-week {font-size:11px;color:#999}
.is-today .pika-button {color:#33aaff;font-weight:bold}
.is-selected .pika-button,.has-event .pika-button {color:#fff;font-weight:bold;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}
.has-event .pika-button {background:#005da9;box-shadow:inset 0 1px 3px #0076c9}
.is-disabled .pika-button,.is-inrange .pika-button {background:#D5E9F7}
.is-startrange .pika-button {color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}
.is-endrange .pika-button {color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}
.is-disabled .pika-button,.is-outside-current-month .pika-button {pointer-events:none;cursor:default;color:#999;opacity:.3}
.pika-button:hover {color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}
/* styling for abbr */
.pika-table abbr {border-bottom:none;cursor:help}
/* End Pikaday */