/* CSS Document --- PremierParket.com.ua/designer/pro/css/appl.css --- Last Update: 07-01-2011 */

html {
  scrollbar-base-color: #BABABA;
  scrollbar-arrow-color: #1F1F1F;
  scrollbar-darkshadow-color: #1F1F1F;
  scrollbar-face-color: #6B6B6B;
  scrollbar-highlight-color: #878787;
  scrollbar-shadow-color: #1F1F1F;
  scrollbar-track-color: #2B2B2B;
  scrollbar-3dlight-color: #333333;
}

body {
  margin: 0;
  padding: 0;
  min-width: 1450px;
  background-color: #6b6b6b;
}

img {border: 0;}

a {text-decoration: none;}

a:hover {
  text-decoration: none;
}

.clearfix {display:inline-block;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* HEADER */

#header {
  width: 100%;
  background: #2b2b2b url(../img/header-bg.gif) 0 81px repeat-x;
}

#header > div {
  position: relative;
  margin: 0 auto;
  width: 97%;
}

#header h1 {
  float: left;
  height: 81px;
  width: 250px;
  margin: 0;
  padding: 0;
}

#header h1 a {
  display: block;
  height: 0;
  width: 250px;
  margin: 0px 0px 0px -3px;
  padding: 81px 0 0 0;
  background: url(../img/pp-logo.png) 0 18px no-repeat;
  overflow: hidden;
}

#header ul#menu {
  margin: 0 auto 0 0;
  padding: 0;
  height: 81px;
  list-style-type: none;
}

#header ul#menu li {
  float: left;
  margin: 0;
  padding: 18px 0 0 0;
  display: -moz-inline-stack;
  display: inline-block;
  width: 136px;
}

#header ul#menu li.first-item {
  float: left;
  width: 11px;
  height: 35px;
  margin-top: 18px;
  background: url(../img/first-bg.gif) top left no-repeat;
}

#header ul#menu li.last-item {
  float: left;
  width: 249px;
}

#header ul#menu a {
  outline: 0;
  display: block;
  padding: 0 5px;
  width: 126px;
  height: 53px;
  background: url(../img/but-main.gif) 0 -53px no-repeat;
  text-align: center;
  color: #ccc;
  font-weight: bold;
  line-height: 42px;
  cursor: pointer;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  font-family: Arial;
  font-size: 80%;
}

#header ul#menu li.last-item a {
  width: 249px;
  height: 53px;
  padding: 0;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: url(../img/last-bg.gif) top left no-repeat;
  font-weight: bold;
  text-decoration: none;
}

#header ul#menu li.last-item a:hover {
  color: #F0F0F0;
}

#header ul#menu a:hover {
  background-position: 0 -106px;
}

#header ul#menu a:active {
  background-position: 0 -159px;
}

#header ul#menu li.selected a {
  color: #fff;
  background-image: url(../img/but-selected.gif);
  text-shadow: 0 1px 1px #3d6704;
}

/* WIDE */

#wide-layout {
  float: left;
  width: 100%;
  background-color: #2B2B2B;
  overflow: hidden;
}

/* MAIN */

#main-layout {
  width: 100%;
  float: left;
  padding-bottom: 6em;
  background-color: #6b6b6b;
}

/* LEFT */

#left-col {
  float: left;
  position: relative;
  z-index: 10;
  width: 130px;
  margin: 10px 15px 10px 15px;
  overflow: hidden;
}

.render-button {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  background: url(../img/render-btn.gif) 0 -98px no-repeat;
  height: 98px;
  width: 128px;
  padding: 0;
  margin: 15px 0 10px 0;
  color: #2B2B2B;
  cursor: pointer;
}

.render-button:hover {
  background-position: 0 -196px;
}

.render-button:active {
  background-position: 0 -294px;
}

.loading {
  display: inline-block;
  height: 119px;
  width: 128px;
  background: url(../img/ajax-loader.gif) center center no-repeat;
}

div.big-block,
div.small-block {
  float: left;
  position: relative;
  width: 128px;
  height: auto;
  margin-bottom: 10px;
}

div.big-block div.big-title#corner-bg,
div.small-block div.small-title#corner-bg,
div.big-block div.big-image .corners#corner-bg,
div.small-block div.small-image .corners#corner-bg {
  background-image: url(../img/item-bg.png);
}

div.big-block div.big-title,
div.small-block div.small-title {
  background-color: #636363;
  color: #ccc;
  text-align: center;
  font-size: 70%;
  font-family: Arial;
  line-height: 20px;
}

div.small-block div.small-image {
  position: relative;
  width: 128px;
  height: 65px;
  overflow: hidden;
  z-index: 1;
}

div.small-block div.small-image > div {
  width: 128px;
  height: 65px;
  padding: 4px;
  padding-left: 9px;
  font-size: 70%;
  color: #B0B0B0;
  font-family: Arial;
  background: url(../img/small-tune-bg.png) 0 0 no-repeat;
}

div.big-block div.big-image > div {
  width: 128px;
  height: 103px;
  padding: 4px;
  padding-left: 9px;
  font-size: 70%;
  color: #B0B0B0;
  font-family: Arial;
  background: url(../img/big-tune-bg.png) 0 0 no-repeat;
}

div.small-block div.small-image input#s-width,
div.small-block div.small-image input#s-height,
div.small-block div.small-image input#s-perimeter {
  font-family: Arial;
  font-size: 95%;
  font-weight: bold;
  color: #ccc;
  border: none;
  background: transparent;
}

div.small-block div.small-image input#s-width,
div.small-block div.small-image input#s-height {
  width: 16px;
}

div.small-block div.small-image input#s-perimeter {
  width: 20px;
}

#slide-w, #slide-h, #slide-p {
  width:100px;
  z-index:1000;
}

/*-- Slider --*/

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 15px;
  height: 18px;
  cursor: pointer;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
}

.ui-slider-horizontal {
  height: 18px;
  margin-left:4px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: 0px;
  margin-left: -7px;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.small-block .ui-widget-content {
  background: url(../img/slider-bg.png) no-repeat;
  border: 0;
}

#slide-h .ui-state-default,
#slide-w .ui-state-default,
#slide-p .ui-state-default,
#slide-h .ui-widget-content.ui-state-default,
#slide-w .ui-widget-content.ui-state-default,
#slide-p .ui-widget-content.ui-state-default {
  background: url(../img/slider-p.png) no-repeat;
  border: 0;
  outline: none;
}

.ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus {
  background: url(../img/slider-p.png) no-repeat;
  outline: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  background: url(../img/slider-p.png) no-repeat;
  outline: none;
}

/*-- End Slider --*/

div.big-block div.big-image {
  position: relative;
  width: 128px;
  height: 104px;
  overflow: hidden;
  z-index: 1;
}

div.big-block div.big-image .corners,
div.small-block div.small-image .corners {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 128px;
  height: 128px;
}

#big-tune-1,
#big-tune-2,
#big-tune-3,
#big-tune-4 {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 100;
  height: 10px;
  width: 10px;
  background: none;
}

#big-tune-1.waiting,
#big-tune-2.waiting,
#big-tune-3.waiting,
#big-tune-4.waiting {
  background: url(../img/wait.gif) top left no-repeat;
}

#small-tune-1,
#small-tune-2 {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 100;
  height: 10px;
  width: 10px;
  background: none;
}

#parket-item ul,
#border-item ul,
#medallion-item ul {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  list-style-type: none;
  list-style-position: outside;
  margin: 5px 0 0 0;
  padding: 0;
}

#parket-item .delParket,
#border-item .delBorder,
#medallion-item .delMedallion {
  float: left;
  margin: -1px 0 0 4px;
}

#parket-item .shape,
#border-item .shape,
#medallion-item .shape {
  float: left;
  clear: both;
  width: 50px;
  height: 50px;
  margin-left: 30px;
  margin-top: 6px;
  padding: 1px;
  border: 1px solid #D1A375;
}

#options-item label.display {
  line-height: 22px;
  padding-left: 8px;
  font-family: Arial;
  font-weight: bold;
  color: #B2B2B2;
}

#options-item form {
  position: absolute;
  top: 26px;
  left: 15px;
  z-index: 100;
  background: transparent;
  width: 112px;
}

#parket-item li,
#border-item li,
#medallion-item li {
  background: transparent;
  width: 112px;
  margin: 7px;
  font-size: 12px;
  color: #ccc;
}

#wide-layout #panel-one,
#wide-layout #panel-two,
#wide-layout #panel-three,
#wide-layout #panel-four {
  height: 156px;
  min-width: 1100px;
  overflow: auto;
  overflow-y: hidden;
  display: none;
  padding: 6px;
  padding-bottom: 0;
  padding-top: 4px;
  border-top: 2px #474747 solid;
}

/*-- Selectmenu --*/

#options-item { font-size: 10px; font-family: Verdana, sans-serif; }
#options-item select { width: 102px; height: 30px;}

.ui-selectmenu {
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}

.ui-selectmenu-menu {
  padding:0;
  margin:0;
  list-style:none;
  position:absolute;
  top: 0;
  visibility: hidden;
  overflow: hidden;
}

.ui-selectmenu-menu-popup {
  margin-top: -1px;
  z-index: 10;
}

.ui-selectmenu-open { visibility: visible; }

.ui-selectmenu-menu li {
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  font-weight: normal !important;
  font-size: 11px;
}

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%;
}

.ui-selectmenu-status .ui-icon,
.ui-selectmenu-menu li .ui-icon {
  position: absolute;
  top: 3px;
  left: 0;
}

.sel li a {
  line-height: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 30px !important;
  display: block;
  outline: none;
  text-decoration: none;
}

a.sel span.ui-selectmenu-status {
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px !important;
  display: block;
  outline: none;
  color: #96f226;
  text-decoration:none;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}

.scl_100 .ui-selectmenu-item-icon,
.scl_120 .ui-selectmenu-item-icon,
.scl_140 .ui-selectmenu-item-icon,
.scl_160 .ui-selectmenu-item-icon,
.scl_180 .ui-selectmenu-item-icon,
.scl_200 .ui-selectmenu-item-icon,
.deg_000 .ui-selectmenu-item-icon,
.deg_045 .ui-selectmenu-item-icon,
.deg_090 .ui-selectmenu-item-icon,
.deg_180 .ui-selectmenu-item-icon,
.deg_270 .ui-selectmenu-item-icon {
  height: 24px;
  width: 24px;
}

.deg_000 .ui-selectmenu-item-icon { background: url(../img/rotates.png) 0 0 no-repeat; }
.deg_045 .ui-selectmenu-item-icon { background: url(../img/rotates.png) 0 -24px no-repeat; }
.deg_090 .ui-selectmenu-item-icon { background: url(../img/rotates.png) 0 -48px no-repeat; }
.deg_180 .ui-selectmenu-item-icon { background: url(../img/rotates.png) 0 -72px no-repeat; }
.deg_270 .ui-selectmenu-item-icon { background: url(../img/rotates.png) 0 -96px no-repeat; }

.scl_100 .ui-selectmenu-item-icon { background: url(../img/scales.png) 0 0 no-repeat; }
.scl_120 .ui-selectmenu-item-icon { background: url(../img/scales.png) 0 -24px no-repeat; }
.scl_140 .ui-selectmenu-item-icon { background: url(../img/scales.png) 0 -48px no-repeat; }
.scl_160 .ui-selectmenu-item-icon { background: url(../img/scales.png) 0 -72px no-repeat; }
.scl_180 .ui-selectmenu-item-icon { background: url(../img/scales.png) 0 -96px no-repeat; }
.scl_200 .ui-selectmenu-item-icon { background: url(../img/scales.png) 0 -120px no-repeat; }

.ui-widget { font-family: Segoe UI, Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }

.ui-widget select {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #4a4a4a; background: #000000 url(../img/ui-bg_gloss-wave_55_000000_500x100.png) 50% top repeat-x;
  color: #ffffff;
}
.ui-widget-content a {
  color: #ffffff;
}
.ui-widget-header {
  border: 1px solid #000000; background: #9fda58 url(../img/ui-bg_gloss-wave_85_9fda58_500x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}
.ui-widget-header a { color: #222222; }

.ui-state-default,
.ui-widget-content .ui-state-default {
  border: 1px solid #666;
  background: #0a0a0a url(../img/ui-bg_glass_40_0a0a0a_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #b8ec79;
  outline: none;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #b8ec79;
  text-decoration: none;
  outline: none;
}

.ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus {
  border: 1px solid #777;
  background: #000000 url(../img/ui-bg_glass_60_000000_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #96f226;
  outline: none;
}

.ui-state-hover a,
.ui-state-hover a:hover {
  color: #96f226;
  text-decoration: none;
  outline: none;
}

.dis a:hover {
  color: red;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid #696969;
  background: #4c4c4c url(../img/ui-bg_flat_0_4c4c4c_40x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
  outline: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  outline: none;
  text-decoration: none;
}

.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_888888_256x240.png); }

.ui-icon-triangle-2-n-s { background-position: -128px 0px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

/*-- End Selectmenu --*/

.support {
  background: url(../img/supp-btn.gif) 0 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  height: 48px;
  width: 128px;
  padding: 0 0 0 0;
  margin: 0px 0 9px 0;
  color: #2B2B2B;
}
.support:hover {
  background-position: 0 -48px;
}
.support:active {
  background-position: 0 -144px;
}

.pushed {
  background-position: 0 -144px;
}

/*-- Dialog --*/

.ui-dialog {
  position: relative;
  z-index:1100;
  background-image: none;
  background-color: black;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 5px 5px 5px 18px;
  position: relative;
  color: #96f226;
  font-size: 14px;
  font-weight: bold;
  background: #000000 url(../img/ui-bg_glass_60_000000_1x400.png) 50% 50% repeat-x;
  height: 20px;
  border: 0;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  position: absolute;
  right: 4px;
  top: 7px;
  width: 16px;
  height: 16px;
  background-image: url(../img/ui-icons_9fda58_256x240.png);
  background-position: -96px -128px;
  color: transparent;
  font-size: 0.1px
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  border: 0;
}

.ui-dialog .ui-dialog-content {
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  float: right;
  margin: .5em .4em .5em 0;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
  width:auto;
  overflow:visible;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 4px;
  bottom: 4px;
  background-image: url(../img/ui-icons_9fda58_256x240.png);
  background-position: -80px -224px;
  color: transparent;
  font-size: 0.1px
}

.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-resizable { position: relative;}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none; }

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/*-- End Dialog --*/

.block-info {
  width: 128px;
  min-height: 329px;
  padding: 0;
  padding-top: 12px;
  background-image: url(../img/info-bg.png);
  background-repeat: no-repeat;
  font-family: Verdana;
  color: #1E2E0F;
  text-shadow: 0px 1px 1px #96AE7F;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
}

/* RIGHT */

#right-col {
  float: left;
  width: auto;
  margin: 0 15px 20px 0px;
  overflow: hidden;
}

#bg {
  float: left;
  width: 200px;
  height: 500px;
  margin-top: 80px;
  margin-left: 30px;
  background: url(../img/main-bg.png) top left no-repeat;
}

#bg .hidden {
  float: left;
  width: 0;
  height: 0;
  background: none;
}

.tabs-panel {
  width: auto;
  margin: 0;
  margin-left: -9px;
  padding: 2.4em 6px 0;
  list-style-type: none;
  text-align: left;
  height: 1.909em;
  font-size: 80%;
  font-family: Arial;
}

.tabs-panel li {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  display:-moz-inline-block;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  color: #ccc;
  background: url(../img/tab-bg.gif) top left no-repeat;
  cursor: pointer;
}

.tabs-panel li > span > a {
  color: #ccc;
  text-decoration: none;
}

.tabs-panel li.selected {
  background-image: url(../img/tabsel-bg.gif);
  cursor: default;
}

.tabs-panel li > span,
.tabs-panel li.selected > span {
  margin: 0;
  padding: 1px 22px;
  text-align: center;
  min-width: 80px;
  display:-moz-inline-block;
  display: inline-block;
  height: 1.909em;
  line-height: 1.818em;
  background-position: top right;
  background-repeat: no-repeat;
}

.tabs-panel li > span {
  background-image: url(../img/tab-right-bg.gif);
}

.tabs-panel li.selected > span {
  font-weight: bold;
  color: #B8B8B8;
  background-image: url(../img/tabsel-right-bg.gif);
}

#content-tab,
#result-tab,
#print-tab {
  display: none;
}

#content-tab.active,
#result-tab.active,
#print-tab.active {
  display: block;
  position: relative;
  color: #858585;
  padding: 3px 1px 7px 2px;
  background-color: #2b2b2b;
  border-right: 1px solid #545454;
  border-bottom: 1px solid #545454;
}

#content-tab .settables,
#result-tab .settables,
#print-tab .settables {
  padding-top: 5px;
  padding-left: 6px;
}

#result-tab .thead {
  height: 26px;
  text-align: center;
  color: #858585;
  font-weight: bold;
  background-image: url(../img/thead-bg.png);
}

#result-tab .tdata {
  height: 20px;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
  color: #6B6B6B;
  background-color: #ccc;
}


#content-tab .info {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #dee5ef;
  width: 100%;
  padding-bottom: 6px;
}

#content-tab .wall {
  border: 12px solid #515151;
  margin-right: 6px;
}

#content-tab .borders {
  border: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#content-tab .parket-table {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#content-tab .capt1 {
  border: 1px solid #bd7013;
  margin-top: 2px;
  margin-bottom: 8px;
}

#content .errors {
  margin-top:30px;
  margin-left:15px;
  padding: 0 15px 0 15px;
  border: 2px solid #ccc;
  background-color: red;
  color: white;
  font-family: Courier New;
}

#print-tab .colls {
  width: 410px;
  height: 80px;
  background-color: #cccccc;
  background-image: none;
  border: 1px solid #DBDBDB;
}

#print-tab fieldset {
  border: #A1A1A1 solid 1px;
  margin-top: 15px;
  padding: 10px;
  padding-bottom: 5px;
}

#print-tab legend {
  background-image: url(../img/thead-bg.png);
  border: #A1A1A1 solid 1px;
  padding: 0 10px 1px 10px;
  font-weight: bold;
}

#print-tab .info-row {
  font-family: Arial;
  font-size: 11px;
  color: green;
  margin:0;
}

#print-tab .submit {
  background-color: #6BAC2B;
  border: 1px solid #C7E9A5;
  color: #fff;
  padding: 2px 6px 2px 6px;
}

#print-tab div.form-row {
  clear: both;
  padding-top: 5px;
}

#print-tab div.form-row span.labl {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #BDBDBD;
  float: left;
  width: 200px;
  text-align: right;
}

#print-tab div.form-row span.formw {
  float: right;
  width: 420px;
  text-align: left;
}

#print-tab div.spacer {
  clear: both;
  height: 10px;
}

#print-tab div.info {
 padding: 5px;
}