@charset "utf-8";
body {color: #333;font-family: sans-serif;font-size: 12px;line-height: 1.4em;height: 100%;margin: 0px;padding: 0px;background-color:#FFF;}
.wrap{margin: 4px 15px 0px 0px; min-width:1000px;}
.wrap h2{color: #464646;font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;font-size: 23px;padding: 9px 15px 20px 20px;line-height: 29px;font-weight: normal;margin: 0px;text-shadow: 0px 1px 0px #FFF;display: block;}
.form-div{margin-right: 300px; margin-left: 10px; padding:0px;background: none repeat scroll 0% 0% #FFF;border-top-color: #FFF;border-bottom-color: #DFDFDF;color: #333;}
.form-div .left{width: 100%;float: left;}
.form-div input{padding: 0 5px;border-color: #DFDFDF;box-shadow: 0px 1px 0px #FFF inset;border-radius: 3px;}
.field, .img-field {font-size: 14px; color: #000000; background-color:#FFF; width:100%; border:1px solid;border-color: #DFDFDF;box-shadow: 0px 1px 0px #FFF inset;border-radius: 3px;}
.img-field{position: absolute;clip: rect(0px, 0px, 0px, 0px);}
.form-div label{display: block;margin: 5px;}
.submit{font-size: 14px;font-weight: bold;color: #FFF;background: none repeat scroll 0% 0% #8AB634;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);border: 0px none;width: 250px;height: 30px;float: right;}
.button{font-size: 14px;font-weight: bold;color: #FFF;background: none repeat scroll 0% 0% #8AB634;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);border: 0px none;width: 100%;height: 30px;}
.add_new{padding-right: 10px;text-align: center;font-size: 14px;text-decoration: none;font-weight: bold;color: #FFF;background: none repeat scroll 0% 0% #4C9ED9;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);border: 0px none;width: 250px;height: 30px;float: right;}
.float-title:after{content: "";  display: table;  clear: both;}
.float-title p a{color: #000;margin: 0 5px;text-decoration: none;text-transform: uppercase;border: #000 1px solid;padding: 2px 5px;}
.form-div .right{float: right;margin-right: -300px;width: 280px;}
.form-div .section{background-color: #F5F5F5;border-color: #DFDFDF;box-shadow: 0px 1px 0px #FFF inset;border-radius: 3px;position: relative;min-width: 255px;margin-bottom: 20px;padding: 0px;border-width: 1px;border-style: solid;line-height: 1;}
.form-div .section h3{margin-bottom: 0px !important;font-size: 15px;font-weight: bold;padding: 7px 10px;margin: 0px;line-height: 1;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #464646;border-bottom-color: #DFDFDF;text-shadow: 0px 1px 0px #FFF;box-shadow: 0px 1px 0px #FFF;background-color: #F1F1F1;background: -webkit-linear-gradient(center top , #F9F9F9, #ECECEC);background: -o-linear-gradient(center top , #F9F9F9, #ECECEC);background: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);background: linear-gradient(#F9F9F9, #ECECEC);}
.form-div .img-div{position:relative;}
.form-div .img-div .dell-img-div{position:absolute;right: 5px;top: 5px;}
.dell-img, .remove-img{width:16px; height:16px; background:url(images/dellete.gif); background-repeat:no-repeat;display: block;}
.edit-img{width:16px; height:16px; background:url(images/edit.gif); background-repeat:no-repeat;display: block;}
.prev-img{width:16px; height:16px; background:url(images/preview.png); background-repeat:no-repeat;display: block;}
.img-prev-img{width:16px; height:16px; background:url(images/image-preview.png); background-repeat:no-repeat;display: block;}
.prev-page{font-family:Impact, Charcoal, sans-serif;text-transform: uppercase;text-align: center;background: -webkit-linear-gradient(#F8F8F8, #DDD);background: -o-linear-gradient(#F8F8F8, #DDD);background: -moz-linear-gradient(#F8F8F8, #DDD);background: linear-gradient(#F8F8F8, #DDD);width: 100%;display: block;border: 1px solid #C8C8C8;font-size: 14px;}
.prev-page a{background-image:url(images/preview.png); display: block; background-repeat:no-repeat; background-position:left;background-origin: content-box;padding: 7px 5px 7px 10px;}
.form-div .img-div .new-img{position:absolute;right: 25px;top: 5px; width:16px; height:16px; background:url(images/upload.png); background-repeat:no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;padding: 0px;margin: 0px;cursor: pointer; cursor: hand;}
.form-div .img-btn{font-weight: bold;color: #FFF;background: none repeat scroll 0% 0% #8E8E8E;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);border: 0px none;width: 250px;height: 30px;text-align: center;line-height: 30px;}
.form-div .section .top-div{padding: 10px 10px 8px; border-bottom-color: #DFDFDF;border-bottom-width: 1px;border-bottom-style: solid;box-shadow: 0px 1px 0px #FFF;}
.form-div .section .cat{height: 13px;}
.form-div .section .cat .nowrap{width: 190px; display: block; white-space: nowrap; overflow: hidden; float: left;}
.form-div .section .top-div a{ color:000; text-decoration:none;}
.form-div .section .active{background-color: #DCE3FF;}
.form-div .section .half{display:inline-block; width: 49%;}
.form-div .section .half .left_input{ width:98%;}
.form-div .section .btm-div{padding: 10px 10px 8px;clear: both;border-top: 1px solid #F5F5F5;margin-top: -2px;}
.btm-div table{ border:0 none;}
.btm-div table tr, .btm-div table td, .btm-div table th{ border:#000 1px solid;}
.tcenter{text-align:center;}
.form-div .l-order{width: 30px;float: left;}
.form-div .r-order{width: 220px;margin-left: 35px;}
#h3-settings, #h3-images, #h3-etiketi, #h3-background, #h3-custum{cursor: pointer; cursor: hand;}
.ptable{font-size: 14px;table-layout: fixed;background-color: #F9F9F9;border-color: #DFDFDF;border-spacing: 0px;width: 100%;clear: both;border-radius: 3px;border-width: 1px;border-style: solid;word-wrap: break-word;}
.ptable th{font-weight: bold; font-size:12px;}
.ptable tr{height: 30px;}
.ptable .tr-head{background: none repeat scroll 0% 0% #E6E6E6; font-weight:bold;}
.ptable .tr-child{margin-right: 30px;}
.ptable .column{padding: 5px;background-color: #F1F1F1;background: -webkit-linear-gradient(center top , #F9F9F9, #ECECEC); background: -o-linear-gradient(center top , #F9F9F9, #ECECEC);background: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);background: linear-gradient(#F9F9F9, #ECECEC);}
.ptable tr:hover{background-color: #DCE3FF;}
.w10{width: 10px;}
.w40{width: 40px;}
.w70{width: 70px;}
.w100{width: 100px;}
.w200{width: 200px;}
#login{width: 320px;padding: 114px 0px 0px;margin: auto;}
#login .logo{margin: 0px 0px 30px 0px;padding: 0px;}
#login form{margin-left: 8px;padding: 26px 24px 46px;font-weight: normal;background: none repeat scroll 0% 0% #FFF;border: 1px solid #E5E5E5;box-shadow: 0px 4px 10px -1px rgba(200, 200, 200, 0.7);}
#login form p {margin-bottom: 0px;}
#login label {color: #777;font-size: 14px;}
#login form .input, #login input[type="text"] {color: #555;font-weight: 200;font-size: 24px;line-height: 1;width: 100%;padding: 3px;margin-top: 2px;margin-right: 6px;margin-bottom: 16px;border: 1px solid #E5E5E5;background: none repeat scroll 0% 0% #FBFBFB;outline: 0px none;box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;}
.login-button {font-size: 13px !important;line-height: 16px;padding: 3px 10px;float: right;border-color: #5FA54F;font-weight: bold;color: #FFF;background: none repeat scroll 0% 0% #5FA54F;border-radius: 3px;border-width: 1px;border-style: solid;}
.forgetpass{font-weight: normal;float: left;}
.forgetpass a { text-decoration:none; color:#000;}
#login_error{background-color: #FFEBE8;border-color: #C00;margin: 0px 0px 16px 8px;padding: 12px;border-radius: 3px;border-width: 1px;border-style: solid;}
#login_message{background-color: #FFFFE0;border-color: #E6DB55;margin: 0px 0px 16px 8px;padding: 12px;border-radius: 3px;border-width: 1px;border-style: solid;}
.h30{height:30px;}
.top_menu{width:100%; min-width:1000px; height:23px; background-color: #2d2d2d;list-style: none;}
.top_menu ul{margin: 0; padding: 1px; float: left; width: 99%;}
.top_menu ul li{display: inline;}
.t_menu a{float: left; text-decoration: none; color: #bbbbbb; font-size: 12px; padding: 3px 5px; font-weight:bold;}
.t_menu a:hover{color: #ffffff;}
.t_menu_act a{float: left; text-decoration: none; color: #FFFFFF; font-size: 12px; padding: 3px 5px; font-weight:bold;}
.s_menu a{text-decoration: none; color: #bbbbbb; font-size: 11px; padding: 3px 5px; background-color: #2d2d2d; font-weight:bold;}
.s_menu a:hover{color: #ffffff;}
.s_menu_act a{float: left; text-decoration: none; color: #FFFFFF; font-size: 11px; padding: 3px 5px; background-color: #2d2d2d; font-weight:bold;}
.form_title {font-size: 11px; color: #000000; text-decoration: none;}
.form_text {font-size: 11px; color: #000000; text-decoration: none;}
.text_name {font-size: 13px; color: #000000; text-decoration: none;}
.text_name_select {font-size: 13px; color: #0035e2; text-decoration: none;}
.warning_text {font-size: 13px; color: #FFFFFF; text-decoration: blink;}
.css_tbl tr td{border:#000000 1px solid;}
.css_tbl { padding-top:10px;}
.pager .active {background: none repeat scroll 0% 0% #4C9ED9;color: #FFF;border-radius: 5px;}
.pager a {display: inline-block;;height: 25px;min-width: 25px;margin: 5px;background: none repeat scroll 0% 0% #C9C9C9;font-size: 12px;text-decoration: none;color: #686868;line-height: 25px;text-align: center;border-radius: 5px;}
.pager a:hover {background:#686868;color: #FFF;border-radius: 5px;}
.back-arrow{float: left;margin-left: 10px;}
.settings span{float: left;display: inline;}
.settings div{display: block;width: 100%;height: 60px;}
.ui-progressbar {position: relative;}
.progress-label {position: absolute;left: 50%;top: 4px;font-weight: bold;text-shadow: 1px 1px 0 #fff;}
#progressbar{ display:none; width: 100%;position: absolute;top: 0;}
/* за меню */
#right_menu {list-style-type: none;margin: 10px;padding: 0px;}
#right_menu li {display: block;border: #000 1px solid;padding: 3px 5px;margin-bottom: 3px;}
#data_form{ position:relative;}
#data_form ul{ min-height:50px; background:rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;display:block;  cursor: move;margin: 0; padding: 0;}
#data_form ul li{list-style-type: none;margin: 5px;padding: 5px;min-height:0;line-height: 40px;border: #BDBDBD 1px solid;position: relative;}

#dropme ol{min-height: 600px;box-shadow: 0px 0px 1px 0px #ADADAD;list-style-type: none;margin: 0px;padding: 0px;}
#menu-btns ul li{ display:inline-block;  cursor: move;}
.ulclass {list-style-type: none; margin: 0; padding: 0;}
.liclass {list-style-type: none;margin: 5px;padding: 5px 20px;}
.link-btn{border: #668A20 1px solid; background:rgba(176, 206, 119, 0.50) none repeat scroll 0% 0%;}
.coll-btn{border: #345AB6 1px solid; background:rgba(119, 154, 206, 0.50) none repeat scroll 0% 0%;;}
.mega-btn{border: #B63442 1px solid; background:rgba(206, 119, 119, 0.50) none repeat scroll 0% 0%;}

#dropme li{ min-height:40px;margin: 10px 5px;padding: 0;}

#dropme .name-btn{display: block;font-size: 14px;float: left;padding: 8px 10px;line-height: 25px;font-weight: bold;}
#dropme .name-btn:hover {cursor: move;}

#dropme fieldset div{display:block;}
#dropme fieldset span{display: inline-block;}
#dropme fieldset label{font-size:12px; font-weight:bold;}
#dropme fieldset input{width:100%; font-size:14px;padding: 5px;}
#dropme fieldset legend{font-size: 11px;color: #545353;}
#dropme p{ margin:0; padding:0;}
#dropme .head-field{display: block;}
#dropme .head-field p{display: inline-block; width: 49.77%;}

#dropme .col-field{display: block;}
#dropme .col-field p{display: inline-block; width: 49.77%; position:relative;}
#dropme .col-field a{position: absolute;right: 0;top: 24;}
#dropme .col-field #url{padding-right:45px;}

#dropme .tbl{display: table; width: 100%;}
#dropme .tbl .cel{display: table-cell; width: 24.77%;}
#dropme .mega-field p{display: block; position:relative;}
#dropme .mega-field a{position: absolute;right: 0;top: 19;}
#dropme .mega-field #url{padding-right:45px;}

.wp50{ width:49.77%;}
.wp25{ width: 24.77%;}

.extend{float:right;margin-top: 6px; display:none;}
.inp{display:none;width: 90%;}


.details-div{display:none;}
.ui-button .ui-icon.ui-delete-btn {
    background-image: url("images/delete.png");
    width: 16px;
    height: 16px; 
}

.ui-button.ui-state-hover .ui-icon.ui-delete-btn {
    background-image: url("images/delete.png");
    width: 16px;
    height: 16px; 
}

.ui-button .ui-icon.ui-edit-btn {
    background-image: url("images/edit.png");
    width: 16px;
    height: 16px; 
}

.ui-button.ui-state-hover .ui-icon.ui-edit-btn {
    background-image: url("images/edit.png");
    width: 16px;
    height: 16px; 
}

.ui-button .ui-icon.ui-add-btn {
    background-image: url("images/add.png");
    width: 16px;
    height: 16px; 
}

.ui-button.ui-state-hover .ui-icon.ui-add-btn {
    background-image: url("images/add.png");
    width: 16px;
    height: 16px; 
}
.details-div{clear: both;}
.add-shop-btn{margin-left:10px; width:200px;}
#menu { width: 200px;position: absolute;
top: 10px;
right: 300px; 
}
#menu a {text-decoration:none;}
#menu a{line-height: 22px;padding-left: 20px;}
#menu ul{width: 200px;}
.arrow-ver{display: inline-block; width:4px; height:10px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAMAAACkJQ88AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURQAAAP///6XZn90AAAACdFJOU/8A5bcwSgAAABtJREFUeNpiYGBkZGTATjCAWQwQABVnYAQIMAACzAAanAZb/gAAAABJRU5ErkJggg==');}