/* BASIC */
BODY { padding: 0px; margin: 0px; width: 100%; }
BODY, TD, INPUT, TEXTAREA, SELECT {  font-family: 'PTSansRegular', sans-serif; font-size: 13px; color: #333; }
A { color: #56247b; text-decoration: none; }
A IMG { border: none; }
A.red { color: #900; }
A.green { color: #789504; }
A.blue { color: #096B90; }
.eleven { font-size: 11px; }
.strong { font-weight: bold; }
h1 {  }
h2 { margin-top: 2px; margin-bottom: 10px; }
html {}
body,html { background: #fff;  }
header { margin-bottom: 2px; border-bottom: 5px solid #3c3c3e; color: #000; }
header > div { width: 1100px; position: relative; height: 75px; }
header > div > a { position: absolute; top: 10px; left: 10px; z-index:100; }

footer { position:absolute; bottom:0; }

/* SYSTEM */
#LOGININFO { text-align:right; right: 0px; position: absolute; bottom: 10px; }
#CONTENT {  margin-left: 2px; min-width: 980px; position: relative; }
#NOTIFICATIONS { overflow: hidden; }
#AJAX-STATUS { display: none;position: absolute; right: 0px; top: 0px; margin-top: 15px; color: #fff; background: #3C3C3E url(../images/loader_1.gif) no-repeat 3px 5px; padding: 7px; padding-left: 26px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#AJAX-STATUS.static { background: #3C3C3E; padding: 7px; }
#MAIN { margin: 0 220px; min-width: 780px; position: relative;  }
#DEBUG a { color: black; }

/* reset helper notification */
.notif_report, .notif_error, .notif_trace, .notif_notice { border: none; margin: 0; padding: 0; background:none; border:none; }
.notif_report div, .notif_error div, .notif_trace div, .notif_notice div { margin-bottom: 0; }

div.notif_error > div { border: 1px solid #ee2727; border-top: 0; color: #ee2727; padding: 4px; float: left; border-radius: 0px 0px 10px 10px; margin-left: 5px; background: #fff; }
div.notif_report > div { border: 1px solid #008A00; border-top: 0; color: #008A00; padding: 4px; float: left; border-radius: 0px 0px 10px 10px; margin-left: 5px; background: #fff; }

table.display th.sortable, table.display th.sortable-text, table.display th.sortable-date, table.display th.sortable-keep, table.display th.sortable-date-dmy, table.display th.sortable-numeric, table.display th.sortable-currency, table.display th.sortable-sortByTwelveHourTimestamp, table.display th.sortable-sortIPAddress, table.display th.sortable-sortEnglishLonghandDateFormat, table.display th.sortable-sortScientificNotation, table.display th.sortable-sortImage, table.display th.sortable-sortFileSize, table.display th.sortable-sortAlphaNumeric, table.display th.sortable-sortEnglishDateTime { background: none; }

#LOCAL-TOC { float: right; margin-top: 20px; cursor: default;
color: #000;
padding: 2px 10px 2px 10px;
font-size: 16px;
display: block;
border-bottom: 1px solid #58585a;
border-right: 1px solid #58585a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#LOCAL-TOC a { color: #000; font-size: 14px; padding: 4px; }
#LOCAL-TOC a.active { font-weight: bold; }

/* SIFORM&TABLES OVERRIDE*/
.sf-tab { background-color: #b4b4b4; }
.sf-tab-active { background: #3C3C3E; }
.sf-tabs { border-bottom: solid 2px #3C3C3E; }
.sf-buttons-bar input { background: #3c3c3e; padding: 4px 10px 3px 10px; }
.sf-group-title { background: #3c3c3e; }
.sf-group { border-top-color: #3c3c3e; }
table.display td img { display: inline;  }
table.display td a { color: #000; }
table.display { 
    color: #000;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    border: 1px solid #d4d4d4; border-color: #D4D4D4 #D4D4D4 #BCBCBC; 
    padding: 6px;margin: 0;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );        
}
table.display th, .displayInfo td,table.display th.sortable {     color: #000;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    border: 1px solid #d4d4d4; border-color: #D4D4D4 #D4D4D4 #BCBCBC; 
    padding: 6px;margin: 0;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );  
}
table.display td {
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}
table.display tr:hover td { background: #fff; }
table.display .pager { background: #f6f6f6; }
table.display .pager > div { float:right; }
table.display .pager span { margin-right: 4px; margin-top: 1px; width: 22px; height: 17px; padding-top: 4px; text-align: center; background: #fff; border: 1px solid #D4D4D4; float:left; cursor:pointer; color: #000;  }
table.display .pager span.active { border-color: #000; font-weight: bold;}
table.display .pager span.delim { background: none; border: none; margin-left: 6px; margin-right: 6px; }
table.display tr.alt { background: #fff; }

/* NAVIGATION  */
nav {position:absolute; margin: 2px; margin-top: 15px; }
nav > ul { list-style: none; margin:0; padding: 0; width: 200px; }
nav > ul > li { display: block; margin-bottom: 2px;  overflow: hidden;     }
nav > ul > li > a { cursor: default; color: #fff; padding: 2px 20px 2px 20px; font-size: 16px; display: block; background: #3c3c3e; border-bottom: 1px solid #58585a; border-right: 1px solid #58585a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;   }
nav > ul > li:hover > a { background: #56247B; }
nav > ul > li.active > a { background: #56247B; }
nav > ul > li > ul { background: #eee; list-style: none; padding:0; padding-left: 15px; overflow: hidden; margin-bottom: 5px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
nav > ul > li > ul > li { margin: 3px;  }
nav > ul > li > ul > li.active {  }
nav > ul > li > ul > li > a { color: #000; font-size: 15px; }
nav > ul > li > ul > li > a:hover { text-decoration: underline; }
nav > ul > li > ul > li.active > a {  font-family: "PTSansBold", 'PTSansRegular', sans-serif; font-weight: bold;  }

/* SORTABLE STRUCTURE */
div.sortable { font-size: 15px; }
div.sortable > ol {}
div.sortable ol { list-style: none; }
div.sortable > ol { padding-left: 0px; }
div.sortable ol li { position: relative; }
div.sortable ol li > div {  cursor: pointer;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    border: 1px solid #d4d4d4; border-color: #D4D4D4 #D4D4D4 #BCBCBC; 
    padding: 5px;margin: 0;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );  
    margin-top: 2px; margin-bottom: 2px;
} 
.gradient {
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );     
}
div.sortable ol li .title { 

}
div.sortable ol li .description {
    font-size: 10px;
}
div.sortable .move { cursor: move; }
div.sortable ol li .tools { position: absolute; right: 7px; top: 7px; z-index: 10; }
div.sortable ol li .data-right { position: absolute; right: 90px; top: 6px; z-index: 10; }
.ui-sortable-placeholder { border: 1px dashed #431261; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; visibility: visible !important; }
.bigButton {
    color: #000;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    border: 1px solid #d4d4d4; border-color: #D4D4D4 #D4D4D4 #BCBCBC; 
    padding: 6px;margin: 0;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );  
}
.bigButton:hover { border-color: #000; }

.filter {
    float: left;;    
    color: #000;
    -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;
    border: 1px solid #d4d4d4; border-color: #D4D4D4 #D4D4D4 #BCBCBC; border-bottom: none;
    padding: 0px 6px 16px 6px;margin: 0;
}

/* PRODUCT IMAGES */
#productImages .images{ overflow: hidden; margin-bottom: 8px; padding-left: 0px; }
.uploadButton { color: #fff;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    border: 1px solid #d4d4d4; border-color: #D4D4D4 #D4D4D4 #BCBCBC; 
    padding:4px;margin: 0;
    background: #3C3C3E; 
    float: left;
    overflow: hidden;
    cursor: pointer;
}
#productImages .frame { padding-left: 0px;display: block; float: left; position:relative; overflow:hidden; width: 150px; margin-right: 3px; border: 2px solid #3C3C3E;   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#productImages .frame .sq { width: 150px; height: 150px; display: table-cell; text-align: center; vertical-align: middle;  }
#productImages .frame .delete { position: absolute; cursor:pointer; right: 1px; top: 1px; }
#productDocuments .documents { border: 1px solid #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#productDocuments .documents > div { border-bottom: 1px solid #d4d4d4; overflow: hidden; position: relative; }
#productDocuments .documents > div > div { float: left; margin: 6px 10px 0px 8px; }
#productDocuments .documents > div > div:first-child { margin: 0px; }
#productDocuments .documents > div > div:first-child input { width: 260px; }
#productDocuments .documents > div > div:first-child span { width:260px; display: inline-block; }
#productDocuments .documents > div > span.delete {position: absolute; right: 8px; top: 8px; cursor: pointer; }

#authorImages .frame { padding-left: 0px;display: block; float: left; position:relative; overflow:hidden; width: 150px; height: 150px; margin-right: 3px; border: 2px solid #3C3C3E;   -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#authorImages .frame .sq { width: 150px; height: 150px; display: table-cell; text-align: center; vertical-align: middle;  }
#authorImages .frame .delete { position: absolute; cursor:pointer; right: 1px; top: 1px; }

#order-status { border: 1px solid black; border-left: none; border-right: none; float: left; background: #eee; padding: 5px;}
#order-status h2 {  }
#order-status a {
    display: block; 
    float: left;
    padding: 3px 15px 3px 15px;

    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    color: #000;
    -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
    color: #999;
}
#order-status a.active { background: #56247B; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #fff; }
#order-status a.next { color: #000; }
#order-status a.next:hover { background: #aaa; text-decoration: underline; color: #000; }
#admin-order-list td.new { font-weight: bold; }
#admin-order-list td.declined { color: red; }
#admin-order-list td.sent, #admin-order-list td.ready { color: green; }
table.display th.orderby { cursor:pointer; }
table.display th.orderby:hover { text-decoration: underline; }
table.display th.orderby.ASC, table.display th.forwardSort { background: url(../../lyphp-5.4/skin/images/famfam/bullet_arrow_down.png) no-repeat right bottom; }
table.display th.orderby.DESC, table.display th.reverseSort { background: url(../../lyphp-5.4/skin/images/famfam/bullet_arrow_up.png) no-repeat right top; }
table.display th span{ display: none; }
table.display th.sortable a:hover { text-decoration: underline }

td.displayMiddle { border: 1px solid #D4D4D4;
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
backgrounf: #eee;
background: #EEE;
border-bottom: none;
border-radius: 3px 3px 0px 0px; }

.progress .done { color:green; }
.progress img { display:none; }
.progress .active img { display:inline; }

.progress .subpages {padding:0px 0px 5px 20px;}

.gradient.filter .selectize-control {
    display: inline-block;
    width: 300px;
    position: relative;
    top: 14px;
}

.gradient.filter input {
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* SELECTIZE /*/
.selectize-dropdown-content { max-height: 300px;}
.selectize-dropdown [data-selectable] { padding: 3px 8px;}
.selectize-input { padding: 6px 8px;}
.gradient.filter input { padding: 5px 8px; }