* {
   margin: 0;
   padding: 0;
}

body {
   font-size:14px;
   color:#525252;
}

a {
   color:#1d86ba;
   outline: none;
}
a img {
   border: none;
}
a:hover {
   text-decoration: none;
}

h4 {
   font-size: 15px;
}

table {
   border-spacing: 0;
   border-collapse: collapse;
}


.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.pull-left{
    float: left;
}

.pull-right{
    float: right;
}

.inline > li {
    display: inline-block;
    margin: 0px 5px;
}


@font-face {
   font-family: 'MyriadPro';
   src: url('../../../../../../plugins/system/ksencore/core/assets/css/fonts/MyriadPro-Regular.eot');
   src: url('../../../../../../plugins/system/ksencore/core/assets/css/fonts/l_10646-webfont.eot#iefix') format('embedded-opentype'), 
        url('../../../../../../plugins/system/ksencore/core/assets/css/fonts/MyriadPro-Regular.woff') format('woff'), 
        url('../../../../../../plugins/system/ksencore/core/assets/css/fonts/MyriadPro-Regular.ttf') format('truetype'), 
        url('../../../../../../plugins/system/ksencore/core/assets/css/fonts/MyriadPro-Regular.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

#joomla-bgg {
   max-width: 1980px;
   position: relative;
}
#joomla-bgg1 {
   width:100%;
   float: left;
   min-height:770px;
}
#joomla-bgg2 {
   width:100%;
   float: left;
   
   min-height:770px;
}
.joomla-innerg {
   padding:110px 35px 0 35px;
}


#main {
   float: left;
   width:100%;
}

#breadcrumbs {
   float: left;
   width:100%;
   color:#383838;
   font-size:14px;
   height: 45px;
   line-height: 40px;
   margin: 0 0 20px 5px;
   position: relative;
}
#breadcrumbs a {
   float: left;
   margin: 0 10px 0 0;
}
#breadcrumbs span {
   float: left;
   
   width:13px;
   height: 13px;
   margin: 14px 10px 0 0;
}


a.options {
   position: absolute;
   top:10px;
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/options.png) 0 0 no-repeat;
   width:20px;
   height:20px;
}


#main-menu {
   float:left;
   width:100%;
   margin: 0 0 10px;
}
#main-menu ul li {
   list-style: none;
   float: left;
}
#main-menu ul li a {
   float: left;
   padding: 10px 0px 10px 15px;
   min-width: 125px;
   font-size:16px;
   margin: 0 1px 0 0;
   background: #EDEDED;
   text-decoration: none;
   color: #404040;
   height: 20px;
   line-height: 17px;
}
#main-menu ul li a:hover, 
#main-menu ul li a.active {
   background: #1D86BA;
   color:white;
}
#main-menu a {
   padding: 10px;
   float: left;
   background: #EDEDED;
}
#main-menu a span {
   float: left;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/options.png) 0 0 no-repeat;
   width:20px;
   height:20px;
}
#main-menu a:hover {
   background: #1D86BA;
}
#main-menu a:hover span,
#main-menu a.active span {
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/options.png) 0 -20px no-repeat;
}

#cat-menu a,
#main-menu a {
    background: none repeat scroll 0 0 #EDEDED;
    float: right;
    margin: 0 0 0 1px;
    padding: 10px;
}

#cat-menu a.prefs span,
#main-menu a.prefs span {
    background: url("../../../../../../plugins/system/ksencore/core/assets/css/i/options.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 20px;
    width: 20px;
}

#cat-menu a:hover,
#main-menu a:hover {
    background: none repeat scroll 0 0 #1D86BA;
}

#cat-menu a.prefs:hover span, #cat-menu a.prefs.active span,
#main-menu a.prefs:hover span, #main-menu a.prefs.active span {
    background: url("../../../../../../plugins/system/ksencore/core/assets/css/i/options.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
}

#cat-menu a.quest span,
#main-menu a.quest span {
    background: url("../../../../../../plugins/system/ksencore/core/assets/css/i/questions.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 20px;
    width: 20px;
}

#cat-menu a.quest:hover span, #cat-menu a.quest.active span,
#main-menu a.quest:hover span, #main-menu a.quest.active span {
    background: url("../../../../../../plugins/system/ksencore/core/assets/css/i/questions.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
}

#cat-menu a.info span,
#main-menu a.info span {
    background: url("../../../../../../plugins/system/ksencore/core/assets/css/i/i-info.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 20px;
    width: 20px;
}

#cat-menu a.info:hover span, #cat-menu a.info.active span,
#main-menu a.info:hover span, #main-menu a.info.active span {
    background: url("../../../../../../plugins/system/ksencore/core/assets/css/i/i-info.png") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
}

#cat-menu {
   float:left;
   width:100%;
}
#cat-menu ul li {
   list-style: none;
}
#cat-menu ul li a {
   float: left;
   padding: 11px 0px 11px 15px;
   min-width: 125px;
   font-size:13px;
   margin: 0 1px 0 0;
   background: #B9CE01;
   text-decoration: none;
   color:white;
   height:18px;
}
#cat-menu ul li a:hover, 
#cat-menu ul li a.active {
   background: #1D86BA;
}

/*
#icons {
   float: left;
   width:100%;
   margin: 0 0 10px;
}
#icons a {
   float:left;
   margin: 0 1px 1px 0;
   background: #B9CE01;
   width:239px;
   height:209px;
   position: relative;
   color:white;
   text-decoration: none;
   display: block;
   font-family: "Trebuchet MS";
}
#icons a div {
   display: none;
}
#icons a.big {
   width:479px;
}
#icons a.big div {
   display: block;
   margin: 48px 0 0 205px;
}
#icons a.big span {
   display:none;
}
#icons a.big h3 {
   font-size: 40px;
   line-height: 36px;
   font-weight: normal;
   margin: 0 0 15px;
}
#icons a.big p {
   line-height: 19px;
   font-size:17px;
   color:#eee;
}
#icons a.big .new {
   color: #ff0012;
}
#icons a img {
   position: absolute;
   top:0px;
   left: 0px;
   width:239px;
   height:209px;
   z-index: 1;
}
#icons a span {
   float: left;
   width:100%;
   text-align: center;
   margin: 170px 0 0 0;
   font-size:19px;
   line-height: 19px;
}
#icons a:hover {
   background: #A10048;
}
*/

#faq {
   float: left;
   width:100%;
}
#faq h4 {
   margin: 0 0 10px;
}
#faq .question {
   float: left;
   width:100%;
   margin: 0 0 20px;
}
#faq .question a {
   font-size:17px;
   margin: 0 0 7px;
   float: left;
   width:100%;
   line-height: 20px;
}
#faq .answer {
   float: left;
   width:100%;
   margin: 0 0 20px;
}
#faq .answer h4 {
   font-size:14px;
}
#faq .answer p {
   margin: 0 0 10px;
}


#message {
   float: left;
   width:97.5%;
   margin: 0 0 10px;
}
#message div {
   background: #EBE9CD;
   padding: 15px;
   float: left;
   position: relative;
}
#message img {
   float: left;
   display: block;
   margin: 0 15px 0 0;
   width:48px;
   height:48px;
}
#message p {
   font-size:15px;
   color: #262626;
   line-height: 19px;
}
#message span.close {
   position:absolute;
   top:5px;
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/close.png) 0 0 no-repeat;
   width:13px;
   height:13px;
   display: block;
   cursor: pointer;
}


table td {
   vertical-align: top;
}


#search {
   float: left;
   width:250px;
   margin: 5px 20px 19px 0;
}
#search .inputbox {
   float: left;
   width:200px;
   padding: 5px 5px 5px 10px;
   color: #d1d1d1;
   font-size: 14px;
   height: 20px;
   font-family:   "Trebuchet MS";
   
   border: none;
   margin: 0 7px 0 0;
}
#search .button {
   border: none;
   float: left;
   width:28px;
   height:28px;
   cursor: pointer;
   margin: 1px 0 0;
}



#tree {
   float: left;
   width:250px;
   margin: 1px 20px 0 0;
}
#tree ul li {
   list-style:none;
   width:250px;
   float: left;
   position: relative;
}
#tree ul {
   float: left;
}
#tree ul li ul {
   margin:0 0 9px;
}
#tree ul li ul li ul li {
   
}
#tree ul li a {
   float: left;
   width:190px;
   position: relative;
   padding: 6px 53px 7px 7px;
   font-size:17px;
   color:black;
   text-decoration: none;
   margin: 0 0 1px;
}
#tree ul li ul li a {
   font-size:14px;
   color:black;
   float: left;
   padding: 11px 39px 11px 21px;
   background: #EDEDED url(../../../../../../plugins/system/ksencore/core/assets/css/i/menul-gray.png) left center no-repeat;
}
#tree ul li ul li ul li a {
   font-size:14px;
   color:black;
   float: left;
   background: #F2F2F2 url(../../../../../../plugins/system/ksencore/core/assets/css/i/menul-gray.png) -800px 50% no-repeat;
   padding: 11px 29px 11px 21px;
   margin: 0 0 1px 10px;
}
#tree div {
   position: relative;
   float: left;
}
#tree .add,
#tree .show,
#tree ul li .hides,
#tree ul li ul li .hides  {
   position: absolute;
   top:50%;
   width:20px;
   height:20px;
   padding: 0;
   margin: -10px 0 0;
   z-index: 4;
}
#tree .add {
   right: 25px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/add2.png) center no-repeat;
}
#tree ul li .show {
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/bottom-white.png) center no-repeat;
}
#tree ul li ul li .show {
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/bottom.png) center no-repeat;
}
#tree ul li .hides {
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/top-white.png) center no-repeat;
}
#tree ul li ul li .hides {
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/top-t.png) center no-repeat;
}
#tree a:hover {
   text-decoration: underline;
}



#cat .top {
   width:100%;
   margin: 0 0 10px;
}
#cat .top .adds {
   float: left;
   padding: 11px 0px 11px 30px;
   min-width: 110px;
   font-size: 14px;
   background: #F89E00 url(../../../../../../plugins/system/ksencore/core/assets/css/i/add.png) 9px 14px no-repeat;
   text-decoration: none;
   color: white;
   height:18px;
}
#cat .drag {
   float: right;
}
#cat .drop {
   float: left;
   width:313px;
   height:20px;
   border: 1px dashed #B1B2A8;
   background:#F1F2E2;
   font-size:  13px;
   color:#72726F;
   padding: 10px 0px 8px 15px;
   margin: 0 1px 0 0;
}
#cat .ok {
   float: left;
   padding: 11px 0px 11px;
   width: 40px;
   font-size: 14px;
   background: #F89E00;
   text-decoration: none;
   text-align: center;
   color: white;
   height:18px;
}
#cat .items {
   float: left;
   width:100%;
}

table.cat {
   border-collapse:separate;
   border-spacing:1px;
}

.KMListHead,
table.cat th {
   color:white;
   font-size: 13px;
   background: #525252;
   padding: 11px 10px 11px 10px;
   font-weight:normal;
   margin: 0 1px 0 0;
}

.KMListHead {
   margin: 2px;
   margin-bottom: 10px;
}

.KMListHead.list{
   display: none;
}

.KMListHead.grid{
   display: block;
}

table.cat th.art {
  width:95px;
  text-align: center;
  padding: 11px 0;
}
table.cat th.name {
  text-align: left;
}
table.cat th.price {
   width:89px;
   text-align: left;
}
table.cat th.price img {
   float: right;
   margin: 3px 11px 0 0;
}
table.cat th.storage {
   width:89px;
   text-align: left;
}
table.cat th.storage img {
   float: right;
   margin: 3px 11px 0 0;
}
table.cat th.sort {
   width:69px;
   text-align: left;
}
table.cat th.sale {
   width:59px;
   text-align: left;
}
table.cat th.stat {
   width:58px;
   text-align: center;
   padding: 11px 0;
}
table.cat th.del {
   width:16px;
   text-align: center;
   padding: 11px 0;
}
table.cat th.del span {
   width:10px;
   height:10px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/del.png) 0 0 no-repeat;
   float: left;
   margin: 0 0 0 3px;
}
table.cat td {
   color:#525252;
   font-size: 13px;
   background: #F1F2E2;
   padding: 11px 0 11px 10px;
   font-weight:normal;
   margin: 0 1px 0 0;
}
table.cat tr:hover td {
   background: #EBECD9;
}
table.cat td.art {
  text-align: center;
  padding: 7px 0;
  vertical-align: middle;
}
table.cat td.name {
  text-align: left;
  padding: 7px 0;
}
table.cat td.name .img {
   width:43px;
   float: left;
}
table.cat td.name img {
   width:36px;
   height: 36px;
   display:block;
}
table.cat td.name .prod-set {
   float: left;
   width:36px;
   padding: 0 0 0 36px;
   margin: 0 6px 0 0;
   cursor: pointer;
}
table.cat td.name .prod-set-closed {
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/set.png) 0 0 no-repeat;
   border: 1px solid #008DD3;
} 
table.cat td.name .prod-set-opened {
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/set.png) 0 -36px no-repeat;
   border: 1px solid #B9CE01;
}
table.cat td.name .prod-set-child {
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/set.png) 0 -72px no-repeat;
   border: none;
   margin: 1px 6px 1px 1px;
}
table.cat td.name a {
   color:#525252;
   line-height:16px;
   text-decoration: none;
   cursor: pointer;
}
table.cat td.name strong {
   color:#008dd3;
}
table.cat tr:hover td.name a {
   color:#008dd3;
   text-decoration: underline;
}
table.cat tr:hover td.name a:hover {
   text-decoration:none;
}
table.cat td.name a.edit {
   text-decoration: underline;
   color:#525252!important;
}
table.cat td.name a.save {
   text-decoration: underline;
   color: #7cc300!important;
}
table.cat td.name a.edit:hover,
table.cat td.name a.save:hover {
   text-decoration: none;
}
table.cat td.name p {
   margin: 2px 0 0 0;
   visibility: hidden;
}
table.cat td.name p a {
   margin: 0 11px 0 0;
}
table.cat td.price {
   text-align: left;
   font-size:16px;
   vertical-align: middle;
}
table.cat td.storage {
   text-align: left;
   font-size:16px;
   vertical-align: middle;
}
table.cat td.sort {
   text-align: left;
   font-size:16px;
   vertical-align: middle;
}
table.cat td.sale {
   text-align: left;
   vertical-align: middle;
   text-align: center;
   padding: 7px 0;
}
table.cat td.stat {
   text-align: center;
   padding: 7px 0;
   vertical-align: middle;
}
table.cat td.del {
   text-align: center;
   padding: 7px 0;
   vertical-align: middle;
}
table.cat td.del a {
   width:10px;
   height:10px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/del.png) 0 -10px  no-repeat;
   float: left;
   margin: 0 0 0 3px;
}
table.cat tr.disabled td {
   color: #DADBCD
}
table.cat tr.disabled td .add {
   color: #ffffff;
}
table.cat tr.disabled td a {
   color: #DADBCD
}
table.cat td .inputbox {
  float: left;
   width: 40px;
   padding: 5px;
   color: #525252;
   font-size: 16px;
   height: 20px;
   font-family: "Trebuchet MS";
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/input50.png) top left no-repeat;
   border: none;
}



.pagi {
   float: left;
   width:100%;
   margin: 20px 0 0;
}
.pagi span,
.pagi a {
   float: left;
   width:30px;
   display: block;
   margin: 0 10px 0 0;
   text-align: center;
   padding: 6px 0;
}
.pagi span {
   color: white;
   background: #525252;
}
.pagi a {
   background: #CFD3A8;
   color:#525252;
   text-decoration: none;
}
.pagi p {
   margin:5px 0 0 5px;
   float: left;
   color: #000000
}
.pagi a:hover {
   color: white;
   background: #525252;
}





.form {
   width: 100%;
   background: white;
   clear: both;
   display: table;
   content: "";
}

.form .heading {
   float: left;
   width:100%;
   height: 40px;
   background: #525252;
   position: relative;
}
.form .heading h3 {
   font-size:17px;
   color:#ffffff;
   font-weight: normal;
   margin: 8px 0 0 15px;
}
.form .heading .save-close {
   position:absolute;
   top:0px;
   right:0px;
   width:150px;
   height:40px;
}

.btn.btn-save, 
.form .heading .save-anglr,
.form .heading .save {
   float:left;
   background: #B9CE01;
   padding: 11px 0px;
   width: 110px;
   font-size: 14px;
   text-decoration: none;
   color: white;
   height: 40px;
   border: none;
   font-family: "Trebuchet MS";
   cursor: pointer;
   border-radius: 0px;
   text-shadow: none;
}

.btn.btn-close,
.form .heading .close {
   float: left;
   width:40px;
   height:40px;
   background:#EE1C25 url(../../../../../../plugins/system/ksencore/core/assets/css/i/close2.png) center no-repeat;
   border: none;
   cursor: pointer;
   border-radius: 0;
   opacity:1;
}

.btn.btn-save:hover,
.form .heading .save:hover {
   background-color: #1D86BA;
   color: #fff;
}

.btn.btn-close:hover,
.form .heading .close:hover {
   background: #1D86BA url(../../../../../../plugins/system/ksencore/core/assets/css/i/close2.png) center no-repeat;
}

.form .edit {
   float: left;
   width:100%;
}
.form .edit .leftcol {
   width:800px;
   padding: 40px 15px 40px 20px;
}
.form .edit .rightcol {
   padding: 40px 20px 40px 15px;
}
.form .rela .leftcol {
   width:250px;
   padding: 40px 15px 40px 20px;
   vertical-align: top;
}
.form .rela .rightcol {
   padding: 40px 20px 40px 15px;
   vertical-align: top;
}

.form .edit .row {
   float: left;
   width:100%;
   margin: 0 0 10px;
}
.form .edit .row .col {
   float: left;
}
.form .edit .inputname,
.form .edit .inputname2,
.form .edit .inputname3,
.form .edit .inputname4 {
   float: left;
   width:180px;
   margin: 3px 10px 0 0;
   font-size:15px;
   color:#4c4c4c;
}
.form .edit .inputname2 {
   margin: 3px 15px 0 0;
   width:auto;
}
.form .edit .inputname3 {
   margin: 13px 0 5px 0;
   width:100%;
}
.form .edit .inputname4 {
   margin: 0 0 5px 0;
   width:100%;
}
.form .linka {
   height: 27px;
   float: left;
}

.l-fake,
.form .linka a {
   color: #1d86ba;
   font-size:15px;
   float: left;
   margin: 3px 20px 0 0;
   text-decoration: none;
   border-bottom: 1px dashed #1d86ba;
   height:18px;
}
.l-fake:hover,
.form .linka a:hover {
   border: none;
}

.l-fake:hover{
    text-decoration: none;
}

.form .inputbox {
   float: left;
   width: 185px;
   padding: 5px 5px 5px 9px;
   color: #4c4c4c;
   font-size: 15px;
   height: 20px;
   font-family: "Trebuchet MS";
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/inputbox.png) top left no-repeat;
   border-top: none;
   border-left: none;
   border-bottom: none;
   border-right: 1px solid #F3F3F3;
   margin: 0 20px 0 0;
}
.form .red {
   color: #ee1c25;
}
.form .col .cusel {
   margin: 0 20px 0 0
}


.form .cats {
   float: left;
    width:100%;
    overflow: hidden;
}
.form .cats li {
   list-style:none;
   width:100%;
   float: left;
   position: relative;
   margin: 1px 0 0;
}
.form .cats ul {
   float: left;
   width:100%;
}
.form .cats li ul {
   margin:0 0 9px;
}
.form .cats li a {
   display: block;
   
   background: #CCC;
   font-size: 17px;
   color: #333;
   font-weight: normal;
   padding: 9px 0 8px 15px;
   text-decoration: none;
   width: 100%;
}
.form .cats li ul li a {
   display: block;
   font-size:14px;
   color:black;
   float: left;
   background: #F2F2F2;
   padding: 11px;
   margin: 0 0 1px 10px;
}
.form .cats div {
   position: relative;
   float: left;
   width:100%;
}
.form .cats .add,
.form .cats .show,
.form .cats li .hides,
.form .cats li ul li .hides,
.form .properties h3 .show,
.form .properties h3 .hides  {
   position: absolute;
   top:50%;
   width:20px;
   height:20px;
   padding: 0;
   margin: -10px 0 0;
   z-index: 4;
}
.form .cats .add {
   right: 25px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/add2.png) center no-repeat;
}
.form .cats .show, .form .properties h3 .show {
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/bottom.png) center no-repeat;
}
.form .cats li .hides, .form .properties h3 .hides {
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/top.png) center no-repeat;
}
.form .cats li ul li .hides {
   right:5px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/top-t.png) center no-repeat;
}
.form .cats a:hover {
   text-decoration: underline;
}



.form .thumb-img {
   float:left;
   width:100%;
   padding: 10px 0 0;
}
.form .thumb-img div.photo {
   float: left;
   position: relative;
   background: #F0F0F0;
   float: left;
   width:124px;
   height: 124px;
   margin: 20px 20px 0 0;
}

.form .thumb-img div img {
   float: left;
   display: block;
   width:120px;
   height:120px;
   position: relative;
   margin: 2px;
}
.form .thumb-img .title-img {
   position: absolute;
   top:5px;
   left:10px;
   width:150px;
}
.form .thumb-img .pref {
   position: absolute;
   top:-22px;
   left:0px;
   width:114px;
   height: 18px;
   padding: 2px 5px;
   background:#eee;
   cursor: pointer;
   z-index: 2;
   opacity: 0.7;
   text-align: center;
}
.form .thumb-img .del-img {
   position: absolute;
   top:5px;
   right:5px;
   width: 10px;
   height: 10px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/del.png) 0 0 no-repeat;
   cursor: pointer;
   z-index: 2;
}
.form .thumb-img .del-img:hover {
   opacity: 0.7;
}
.form .add-img {
   float: left;
   background:  #525252;
   padding: 10px 0px;
   width: 140px;
   font-size: 15px;
   text-decoration: none;
   color:  white;
   height: 40px;
   border: none;
   font-family: "Trebuchet MS";
   cursor: pointer;
}
.form .add-img:hover {
   opacity: 0.8;
}














/* CUSEL */
.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/select.png) no-repeat;
}
.cusel { 
   background-position: left top;
   display: inline-block;
   position: relative;
   cursor: pointer;
    z-index: 1000;
    padding: 5px 5px 5px 25px;
    color: #4c4c4c;
    font-size: 15px;
    height: 20px;
    outline: none;
    float:left;
    min-width: 90px !important;
}
.cuselFrameRight {
   position: absolute;
   z-index: 200;
   top: 0;
   right: 0px;
   height: 100%;
   width: 20px;
   background-position: right top;
}
.cuselOpen {
   z-index: 9999;
}
.cuselText {
   cursor: pointer;
   overflow: hidden;
   position: relative;
   z-index: 1;
   padding: 5px;
   color: #4c4c4c;
   font-size: 15px;
   position: absolute;
   top: 0;
   left: 0;
}
* html .cuselText {
   height: 22px;
}
.cusel span {
   display: block;
   cursor: pointer;
   white-space: nowrap;
   padding: 2px 15px 2px 5px;
   zoom: 1;
}
.cusel span:hover,
.cusel .cuselOptHover {
   background: #aaa;
   color: #fff;
}
.cusel .cuselActive {
   background: #ddd;
   color: #222;
   cursor: default;
}

.classDisCusel,
.classDisCusel .cuselFrameRight {
   background-image: url(../../../../../../plugins/system/ksencore/core/assets/css/i/select.png) !important;
   cursor: default;
   color: #a4a4a4;
}
.classDisCusel .cuselText {
   cursor: default;
}

.cusel-scroll-wrap {
   display: block;
   visibility: hidden;
   position: absolute;
   left: 0;
   top: 100%;
   background: #fff;
   min-width: 100%;
   width: auto;
    border: 1px solid #CCC;
    z-index: 10000;
    max-height: 250px;
    overflow: hidden;
    overflow-y: scroll;
}



.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/switch.png) repeat-x; display: block; float: left; }
    .cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
    .cb-enable span { background-position: left -90px; padding: 0 10px; }
    .cb-disable span { background-position: right -180px;padding: 0 10px; }
    .cb-disable.selected { background-position: 0 -30px; }
    .cb-disable.selected span { background-position: right -210px; color: #fff; }
    .cb-enable.selected { background-position: 0 -60px; }
    .cb-enable.selected span { background-position: left -150px; color: #fff; }
    .switch label { cursor: pointer; }
    .cb-enable:hover, .cb-disable:hover {opacity: 0.7;}



#start {
   font-family: "Trebuchet MS" !important;
}
#start h2 {
   font-size:25px;
   margin: 0 0 10px;
}
#start .left {
   float: left;
   width: 41%;
   margin: 1% 0 1% 1%;
}
#start .right {
   float:right;
   width: 57%;
   margin: 1% 0 0 0;
}
#start .icons {
   float:left;
   width:100%;
}

#shop-ico a {
   background: #B9CE01;
}
#joom-ico a {
   background: #1D86BA;
}


.main-icons {
   float:left;
   width:160px;
   margin: 0 30px 0 0;
}
.main-icons a {
   float:left;
   margin: 0 1px 1px 0;
   width:159px;
   height:79px;
   position: relative;
   color:white;
   text-decoration: none;
   display: block;
   font-family: "Trebuchet MS";
}

.main-icons a img {
   position: absolute;
   top:0px;
   left: 0px;
   width:49px;
   height:49px;
   margin: 15px 0 0 5px;
   z-index: 1;
}
.main-icons a span {
   float: left;
   margin: 30px 0 0 55px;
   font-size:20px;
   line-height: 20px;
}
.main-icons .cont,
.main-icons .pref {
   float:left;
   width:100%;
   margin: 0 0 40px;
}
.main-icons .cont a {
   background: #1D86BA;
}
.main-icons .pref a {
   background:#DDDDDD;
}
.main-icons .pref a img {
   width:40px;
   height:40px;
   margin: 20px 0 0 5px;
}
.main-icons .pref a span {
   float: left;
   margin: 30px 0 0 45px;
}

.main-icons a:hover,
.widgets a:hover {
   background: #ce0115 !important;
}

.widgets a.sub {
   background: #8dad00;
}

.widgets a.sub:hover {
   background: #A10048 !important;
}


#start .rr {
   width:100%;
}
#start .rr .widgets {
   float: none;
   width: auto;
   padding: 0 0 0 190px
   min-width:160px;
}

#add-widget {
   float:left;
   width:100%;
}
#add-widget a {
   float: left;
   padding: 11px 14px 11px 33px;
   min-width: 110px;
   font-size: 14px;
   background: #F89E00 url(../../../../../../plugins/system/ksencore/core/assets/css/i/add.png) 11px 14px no-repeat;
   text-decoration: none;
   color: white;
   height: 18px;
}
#add-widget a:hover {
   background: #A10048 url(../../../../../../plugins/system/ksencore/core/assets/css/i/add.png) 11px 14px no-repeat !important;
}




.set, .lists, .positions, .properties {
   float:left;
   width:100%;
   margin: 0 0 20px;
}
.set h3.headname, .lists h3.headname, .properties h3.headname  {
   background: #ccc;
   font-size: 17px;
   color: #333;
   font-weight: normal;
   padding: 9px 0 8px 15px;
   margin: 0 0 15px;
   position: relative;
}
.properties h3.headname a {
   color: #333;
   text-decoration:none;
}
.form .set .inputname {
   width:230px
}
.form .set .inputbox {
   width:130px;
}
.form .inputbox:disabled {
   background: #F3F3F3;
}
.row .switch .checkb {
   float:left;
   margin: 7px 0 0 15px;
}
.row .checkb {
   float:left;
   margin: 7px 20px 0 0;
}


a.add {
   float: left;
   padding: 11px 11px 11px 30px;
   font-size: 14px;
   background: #F89E00 url(../../../../../../plugins/system/ksencore/core/assets/css/i/add.png) 9px 14px no-repeat;
   text-decoration: none;
   color: white;
   height: 18px;
}
a.add:hover {
   background: #1D86BA  url(../../../../../../plugins/system/ksencore/core/assets/css/i/add.png) 9px 14px no-repeat;
}

a.change {
   float: left;
   padding: 11px 20px;
   font-size: 14px;
   background: #525252;
   text-decoration: none;
   color: white;
   height: 18px;
}
a.change:hover {
   background: #1D86BA;
}

.set .add {
   margin: 0 0 0 240px;
}
.set .lists .add {
   margin: 0 ;
}

.popup-window {
   position: fixed;
   top: 50%;
   left: 50%;
   z-index: 2000;
   display: none;
}
.popup-window .heading {
   float: left;
   width:100%;
   height: 40px;
   background: #525252;
   position: relative;
}
.popup-window .heading h3 {
   font-size:17px;
   color:#ffffff;
   font-weight: normal;
   margin: 8px 0 0 15px;
}
.popup-window .heading .save-close {
   position:absolute;
   top:0px;
   right:0px;
   width:150px;
   height:40px;
}
.popup-window .heading .save {
   float:left;
   background: #B9CE01;
   padding: 11px 0px;
   width: 110px;
   font-size: 14px;
   text-decoration: none;
   color: white;
   height: 40px;
   border: none;
   font-family: "Trebuchet MS";
   cursor: pointer;
}
.popup-window .heading .close {
   float: left;
   width:40px;
   height:40px;
   background:#EE1C25 url(../../../../../../plugins/system/ksencore/core/assets/css/i/close2.png) center no-repeat;
   border: none;
   cursor: pointer;
}
.popup-window .heading .save:hover {
   background: #1D86BA;
}

.popup-window .heading .close:hover {
   background: #1D86BA url(../../../../../../plugins/system/ksencore/core/assets/css/i/close2.png) center no-repeat;
}
.popup-window .popup-window-inner {
   border: 5px solid #525252;
   background: #ffffff;
   float:left;
   width:100%;
}
.popup-window .contents {
   margin: 0 20px;
}
.popup-window .contents-inner {
   float: left;
   width:100%;
   margin: 20px 0;
}



a.add-field {
   padding: 11px 20px;
   background: #F89E00 url(../../../../../../plugins/system/ksencore/core/assets/css/i/add.png) center no-repeat;
   text-decoration: none;
   color: white;
   height: 18px;
   margin: 0 0 0 190px;
   display: block;
   float: left;
}
a.add-field:hover {
   background: #1D86BA  url(../../../../../../plugins/system/ksencore/core/assets/css/i/add.png) center no-repeat;
}



.lists ul {
}
.lists ul li {
   position: relative;
   list-style: none;
   margin: 0 0 1px;
}
.lists ul li span {
   font-size: 14px;
   color: black;
   display: block;
   padding: 10px 40px 10px 15px;
   background: #EDEDED;
   position: relative;
}
.lists ul li a {
   position: absolute;
   top:50%;
   margin: -20px 0 0;
   right:0;
   width: 40px;
   height: 40px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/close.png) center center no-repeat;
   cursor: pointer;
}
.lists ul li.active span {
   background: #ECF0BE;
}
.lists ul li.favorite span {
   background: #ECF0BE url(../../../../../../plugins/system/ksencore/core/assets/css/i/star.png) 99% 7px no-repeat;
}
.lists ul li .line {
   font-size: 14px;
   color: black;
   display: block;
   padding: 10px 40px 10px 15px;
   background: #EDEDED;
   position: relative;
}
.lists ul li .line .inputname {
   margin:0 10px 0 0;
   width:215px;
}
.lists ul li .line .inputbox {
   margin: -6px 15px 0 0;
}
.lists ul li .line .cusel {
   margin: -6px 0 0;
}
.lists ul li .line p {
   color: #4C4C4C;
   font-size:15px;
}
.lists ul li .line .cusel span {
   display: block;
   cursor: pointer;
   white-space: nowrap;
   padding: 2px 15px 2px 5px !important;
   background: inherit;
   zoom: 1;
   font-size: inherit;
   color: inherit;
}
.lists ul li .line .cusel span:hover,
.lists ul li .line .cusel .cuselOptHover {
   background: #aaa;
   color: #fff;
}
.lists ul li .line .cusel .cuselActive {
   background: #ddd;
   color: #222;
   cursor: default;
}


.dates span {
   float:left;
   margin: 5px 20px 0 0;
   font-size:15px;
}


span.two {
   float:left;
   margin: 5px 15px 0;
}

.subname {
   margin: 0 0 15px;
}

.form .slide_module {
   width: auto;
   margin-right: 0px;
}

.slide_module{
   clear:both;
   margin: 0 20px 10px 0;  
}

.slide_module .module-head{
   height:20px;
   padding:10px 40px 10px 6px;
   position:relative;
   background: #CCC;
}

.slide_module .module-head label{
   font-size: 17px;
   color: #333;
   display: inline-block;
   height: 20px;
   line-height: 20px;   
}

.slide_module .show_module_content{
   position:absolute;
   top:50%;
   margin-top:-10px;
   display:block;
   float:right;
   width:20px;
   height:20px;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/bottom.png) center no-repeat;
   right:5px;  
   cursor:pointer;
}

.active .show_module_content{
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/top.png) center no-repeat;
}

.slide_module .add_link{
   position: absolute;
   top: 50%;
   width: 20px;
   height: 20px;
   padding: 0;
   margin: -10px 0 0;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/add2.png) center no-repeat;
   right:25px;
   cursor:pointer;
}

.slide_module li .add_link{
   right:5px;
}

.slide_module .del{
   position: absolute;
   top: 50%;
   width: 20px;
   height: 20px;
   padding: 0;
   margin: -10px 0 0;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/close.png) center no-repeat;
   right:5px;
}

.slide_module .module-content{
   display:none;
}

div.active .module-content{
   display:block;
}

.slide_module ul{
   list-style:none;
   margin:0px;
   padding:0px;
}



.slide_module ul ul{
   margin-left:11px;
}
.slide_module .module-content .lists {
   margin: 10px 0 20px
}



#ui-datepicker-div {
   z-index: 1001 !important;
}



#cat.add-relative {
   width:98%;
   margin: 1%;
}



.positions .heads {
   float:left;
   background: #CCC;
   font-size: 14px;
   color: #333;
   font-weight: bold;
   padding: 11px 0 11px 15px;
   margin: 0 0 1px;
}
.positions .col1 {
   width:380px;
   float:left;
   margin: 0 20px 0 0;
}
.positions .col2 {
   width:100px;
   float:left;
}
.positions .col3 {
   width:100px;
   float:left;
}
.positions .col4 {
   width:100px;
   float:left;
}
.positions .col5 {
   width:85px;
   float:left;
}
.positions .position .col5 {
   padding: 0 0 0 15px;
   width:70px;
}
.positions .position {
   font-size: 14px;
   color: black;
   display: block;
   padding: 10px 0 10px 15px;
   background: #EDEDED;
   position: relative;
   float:left;
}
.rightcol .positions {
   margin: 10px 0 0;
}
.rightcol .positions .position {
   width:100%;
   margin: 0 0 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.rightcol .positions .del {
   position: absolute;
   top: 50%;
   width: 20px;
   height: 20px;
   padding: 0;
   margin: -10px 0 0;
   background: url(../../../../../../plugins/system/ksencore/core/assets/css/i/close.png) center no-repeat;
   right:30px;
}
.positions .position.active {
   background: #ECF0BE;
}
.positions .inputbox {
   width:60px;
}
.positions .col1 .img {
   float:left;
   margin: 0 10px 0 0;
   width:36px;
}
.positions .col1 .img img {
   display: block;
}
.positions .edit {
   display: none;
   margin: 0 0 0 46px;
   font-size:13px;
}
.positions .edit a {
   float: left;
   margin: 0 15px 0 0;
}
.positions .position:hover .edit {
   display: block;
} 
.positions .add {
   margin: 9px 0 0;
}


.properties h3.headname {
   margin: 0 0 1px;
}
.properties ul li {
   list-style: none;
}
.properties ul li .property {
   float:left;
   width:780px;
   list-style: none;
   position: relative;
   margin: 0 0 1px;
   display: block;
   font-size: 14px;
   color: black;
   float: left;
   background: #F2F2F2;
   padding:11px 10px;
}
.properties ul li ul li .property {
   width:750px;
   margin:0 0 1px 30px;
   height: 18px;
}
.properties ul li .item {
   position: relative;
   float: right;
   margin: 0 10px 0 0;
}
.properties ul li .item label {
   float: left;
   margin: 0 15px 0 0;
}
.properties ul li .item .inputbox,
.properties ul li .item .cusel {
   margin: -6px 0 0 0;
}
.properties .property.active {
   background: #ECF0BE
}




.added {
   float:left;
   width:100%;
   margin: 20px 0;
}
.added h3 {
   font-size: 17px;
   color: #333;
   height: 20px;
   line-height: 20px;
   padding: 10px 0 0 6px;
}
.added .img {
   float: left;
   margin: 6px 9px 0 0;
}
.added .img img {
   display: block;
}



#images-preview {
   float: left;
   width:100%;
}

#images-preview .leftcol {
   float: left;
   width:400px !important;
}
#images-preview .leftcol .inputbox {
   margin:0 !important;
}
#images-preview .rightcol {
   float: left;
   width:auto !important;
}
#images-preview label.inputname {
   float: left;
   width:190px;
}
#images-preview .rightcol label.inputname {
   float: left;
   width:100%;
   margin: 3px 0 3px 0;
}
#images-preview .preview {
   float: left;
   position: relative;
   background: #F0F0F0;
   float: left;
   width: 158px;
   height: 158px;
   padding: 5px 5px 2px;
}
#images-preview .preview table {
   border-collapse:collapse;
   border-spacing: 0;
   width:158px;
   height: 158px;
}

.cpanel .item.getAllMessage .content {
    margin-left: 0px;
    margin-top: 10px;
}

.cpanel .item.getAllMessage .content > .title{
    font-size: 20px;
}

.slide_module h3 {
   padding: 0px 0px 5px 15px;
   font-size: 16px;
}

/*.list_item.active td {
   background: #BDBEA3!important;
}*/
.list_item .order-items {
   background: #BDBEA3;
   float: left;
   margin: -10px 0 -10px -10px;
   padding: 10px 0 0 90px;
}
.list_item .order-items .order-item {
   float: left;
   width:100%;
   background: #F1F1E7;
   margin: 0 0 10px -30px;
   padding: 10px; 
}
.list_item .order-items .col1 {
   width: 100px;
   float: left;
   margin: 0px 20px 0px 0px;
}
.list_item .order-items .col1 .img img {
   width: 60px !important;
   border:5px solid #E1E2DE;
}

.icon{
    margin-right: 10px;
}

table.cat td.name .icon img{
    width: 32px;
    height: auto;
}

/* Metro UI */


#metro-ui
{
   float: left;
   width: 100%;
   overflow-y: hidden;
   overflow-x: hidden;
}

#metro-ui .widgets a{
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

#edit-panel {
   position: fixed;
   bottom: 0px;
   left: 20px;
   background: #B9CE01;
   color: #fff;
   font-size: 18px;
   width: 100%;
   min-height: 55px;
   display: none;
}
#edit-panel ul li {
   list-style: none;
   float: left;
   margin: 0 25px 0 0;
}
#edit-panel a {
   color: #fff;
}
#edit-panel .edit-panel-inner {
   padding:15px 20px;
}

#status
{
    display: none;
}

body {
	height: auto!important;
}

/* Metro UI */
.widgets
{
   float: left;
   max-width: 320px;
   /*height: 100%;*/
}

.widgets a
{
   float: left;
   margin: 0 1px 1px 0;
   width: 159px;
   height: 159px;
   position: relative;
   color: white;
   text-decoration: none;
   display: block;
   font-family: "Trebuchet MS";
   background: #B9CE01;
}

.widgets a:link,
.widgets a:visited {
    color: #fff;
}

.widgets a div
{
   display: none;
}

.widgets a.double
{
   width: 319px;
}

.widgets a.double > div:first-of-type
{
    display: block;
    margin: 30px 0 0 165px;
    width: 150px;
    height: 125px;
    overflow: hidden;
}
.widgets a.double span {
   display:none;
}
.widgets a.double h3 {
   font-size: 30px;
   line-height: 34px;
   font-weight: normal;
}
.widgets a.double p {
   line-height: 16px;
   font-size:14px;
   color:#eee;
   margin: 0;
}
.widgets a.double .new {
   color: #ff0012;
}
.widgets a img {
   position: absolute;
   top:0px;
   left: 0px;
   width:129px;
   height:129px;
   margin: 10px 15px 0;
   z-index: 1;
}
.widgets a.double img {
   width:159px;
   height:159px;
   margin: 0;
}

.widgets a span {
   float: left;
   width:100%;
   text-align: center;
   margin: 120px 0 0 0;
   font-size:16px;
   line-height: 16px;
}

.widgets a.half {
   width: 159px;
   height: 79px;
}
.widgets a.half img {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 49px;
   height: 49px;
   margin: 18px 0 0 5px;
   z-index: 1;
}

.widgets a.half span {
   float: left;
   margin: 32px 0 0 55px;
   font-size: 15px;
   line-height: 17px;
   text-align: left;
   width:100px;
}

.widgets a.half div {
   display: none;
}

.widgets a.moved
{
   width: 169px;
   height: 169px;
   opacity: 0.5;
}
.widgets a.double.moved
{
   width: 329px;
}
.widgets a.no-moved
{
   width: 149px;
   height: 149px;
   margin: 5px;
}
.widgets a.double.no-moved
{
   width: 309px;
}
.widgets a.double.no-moved img {
   width: 149px;
   height: 149px;
   margin: 0;
}
.widgets a.double.no-moved div
{
   margin: 28px 0 0 165px;
}

.margins
{
   float: left;
    width: 35px;
    height: 100%;
}
.margins.moved
{
   margin: 0px 5px;
}
.margin-active
{
   background-color: #ccc;
}
/* */

#cat .tickets_list .top{
    float: none;
}

.modal-open .form .thumb-img div.photo,
[ng-app] .form .thumb-img div.photo{
    width: auto;
    height: auto;
    display: inline-block;
}

.modal-open .form .thumb-img div img,
.modal-open .form .thumb-img div.photo,
.modal-open .form .thumb-img{
    float: none;
}

.modal-open .form .thumb-img div img{
    display: inline;
}

.modal-open .form .thumb-img div canvas{
    display: inline;
    position: relative;
    margin: 2px;
}

iframe{
   border: none;
   max-width: none !important;
}

/*
playback timings (ms):
  load_resource: 311.723
  PetaboxLoader3.datanode: 251.105 (5)
  LoadShardBlock: 221.731 (3)
  esindex: 0.014
  RedisCDXSource: 1.523
  CDXLines.iter: 22.09 (3)
  PetaboxLoader3.resolve: 165.341 (2)
  captures_list: 249.835
  exclusion.robots: 0.216
  exclusion.robots.policy: 0.199
*/