body, html {
  margin: 0;
  padding: 0;
  border: 0;
   overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.pull-left {float:left;}
.pull-right {float:right;}


.panel {
  width: 179px;
  height: 710px;
  padding: 9px 15px 1px 14px;
  background : url("../img/background.png") no-repeat;
  }

.logo {
  width: 159px;
  margin: 0 auto;
  height: 45px;
  margin-bottom: 5px; 
  background : url("../img/logo.png") no-repeat;
}

.tools {
  margin-top: 7px;
}

button.marg-2 {
  margin: 0 2px;
}

button.marg-5 {
  margin: 0 5px;
}

button.marg-l-1 {
  margin-left: 1px;
}
button.marg-l-7 {
  margin-left: 7px;
}

button.marg-1 {
  margin: 0 1px;
}

button.marg-r-3 {
  margin-right: 3px;
}

button.marg-r-5 {
  margin-right: 5px;
}

.btn-set {
  overflow: hidden;
  margin-bottom: 4px;
  padding-bottom: 1px;
  width: 100%;
}
.btn-set-bot-0{
	margin-bottom: 0
}

.btn {
  display: block;
  margin: 0;
  border: 0;
}

.btn-default {
  width: 87px;
  height: 26px;
}

.btn-3x4 {
  width: 114px;
  height: 26px;
}

.btn-big {
  width: 179px;
  height: 26px;
}

.btn-mid {
  width: 147px;
  height: 26px;
}

.btn-tiny {
  width: 27px;
  height: 26px;
}

.btn-56 {
  width: 56px;
  height: 26px;
}

.btn-55 {
  width: 55px;
  height: 26px;
}

.edit-tools {
  overflow: hidden;
  padding: 0 0 0 4px;
  margin-bottom: 3px;
}

.marg-right8 {
  margin: 0 8px 0 0 ;
}

.icon {
  float: left;
  display: inline-block;
  width: 26px;
  height: 24px;
  cursor: pointer;
  margin: 0 4px;
}

.pencil-icon {
  background: url("../img/t1.png") no-repeat;
}
.stamp-icon {
  background: url("../img/t2.png") no-repeat;
}
.healing-icon {
  background: url("../img/t3.png") no-repeat;
}
.lasso-icon {
  background: url("../img/t4.png") no-repeat;
}
.pen-icon {
  background: url("../img/t5.png") no-repeat;
}

.file-tools {
  overflow: hidden;
  padding: 0 15px;
}

.tool {
  cursor: pointer;
  width: 31px;
  height: 31px;
  float: left;
}

.label {
  width: 175px;
  height: 15px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.dodge-burn {
  background: url("../img/beauty-face-makeup-2.png") no-repeat center;
}
.separation {
  background: url("../img/frequency-separation.png") no-repeat center;
}
.apply-image {
  background: url("../img/apply-image.png");
}

.beauty {
  background: url("../img/beauty-face-makeup.png") no-repeat center;
}
.quality {
  background: url("../img/beauty-face-makeup-1.png") no-repeat center;
}
.hair {
  background: url("../img/beauty-hair.png") no-repeat center;
}
.actions {
  background: url("../img/user-actions.png") no-repeat center;
}
.luminosity {
  background: url("../img/luminosity-masking.png") no-repeat center;
}
.signature {
  width: 175px;
  height: 11px;
  cursor: pointer;
  display: block;
  margin-top: 5px;
  background: url("../img/retouchingacademycom.png") no-repeat center;
}
#sharpen-image {
  background: url("../img/sharpen-image.png") no-repeat;
}
#sharpen-image:hover {
  background: url("../img/sharpen-image-h.png") no-repeat;
}
#liquify {
  background: url("../img/liquify.png") no-repeat;
}
#liquify:hover {
  background: url("../img/liquify-h.png") no-repeat;
}
#local-curves {
  background: url("../img/db-curves-setup.png") no-repeat;
}
#local-curves:hover {
  background: url("../img/db-curves-setup-h.png") no-repeat;
}
#global-layer {
  background: url("../img/db-mid-gray-layer-setup.png") no-repeat;
}
#global-layer:hover {
  background: url("../img/db-mid-gray-layer-setup-h.png") no-repeat;
}
#custom {
  background: url("../img/hp-custom.png") no-repeat;
}
#custom:hover {
  background: url("../img/hp-custom-h.png") no-repeat;
}
#bit-8 {
  background: url("../img/8-bit.png") no-repeat;
}
#bit-8:hover {
  background: url("../img/8-bit-hover.png") no-repeat;
}
#bit-16 {
  background: url("../img/16-bit.png") no-repeat;
}
#bit-16:hover {
  background: url("../img/16-bit-hover.png") no-repeat;
}
#digital-skin {
  background: url("../img/digital-skin-texture.png") no-repeat;
}
#digital-skin:hover {
  background: url("../img/digital-skin-texture-h.png") no-repeat;
}
#magical-skin {
  background: url("../img/magical-skin-tone.png") no-repeat;
}
#magical-skin:hover {
  background: url("../img/magical-skin-tone-h.png") no-repeat;
}
#glowing-skin {
  background: url("../img/glowing-skin.png") no-repeat;
}
#glowing-skin:hover {
  background: url("../img/glowing-skin-h.png") no-repeat;
}
#anti-pink {
  background: url("../img/anti-pink.png") no-repeat;
}
#anti-pink:hover {
  background: url("../img/anti-pink-h.png") no-repeat;
}
#magic-eyes {
  background: url("../img/magic-eyes.png") no-repeat;
}
#magic-eyes:hover {
  background: url("../img/magic-eyes-h.png") no-repeat;
}
#magic-smile{
  background: url("../img/magic-smile.png") no-repeat;
}
#magic-smile:hover {
  background: url("../img/magic-smile-h.png") no-repeat;
}
#remove-hair {
  background: url("../img/remove-body-facial-hair.png") no-repeat;
}
#remove-hair:hover {
  background: url("../img/remove-body-facial-hair-h.png") no-repeat;
}
#solar-curve {
  background: url("../img/solar-curve.png") no-repeat;
}
#solar-curve:hover {
  background: url("../img/solar-curve-h.png") no-repeat;
}
#hair-highlight {
  background: url("../img/hair-highlights.png") no-repeat;
}
#hair-highlight:hover {
  background: url("../img/hair-highlights-h.png") no-repeat;
}
#over-saturation {
  background: url("../img/over-saturation.png") no-repeat;
}
#over-saturation:hover {
  background: url("../img/over-saturation-h.png") no-repeat;
}
#lev {
   background: url("../img/lev.png") no-repeat;
}
#cur {
  background: url("../img/cur.png") no-repeat;
}
#hue {
  background: url("../img/hue.png") no-repeat;
}
#sel {
  background: url("../img/sel.png") no-repeat;
}
#leyr {
  background: url("../img/leyr.png") no-repeat;
}
#web-size {
  background: url("../img/web-.png") no-repeat;
}
#size {
  background: url("../img/div.png") no-repeat;
}
#save-as{
  background: url("../img/save-as.png") no-repeat;
}
#dodge {
  background: url("../img/dodge.png") no-repeat;
}
#dodge:hover {
  background: url("../img/dodge-h.png") no-repeat;
}
#burn {
  background: url("../img/burn.png") no-repeat;
}
#burn:hover {
  background: url("../img/burn-h.png") no-repeat;
}
#aid {
  background: url("../img/visual-aid.png") no-repeat;
}
#aid:hover {
  background: url("../img/visual-aid-h.png") no-repeat;
}
#basic {
  background: url("../img/basic.png") no-repeat;
}
#basic:hover {
  background: url("../img/basic-h.png") no-repeat;
}
#global-layer-brush {
   background: url("../img/brush-grey.png") no-repeat;
}
#global-layer-brush:hover {
  background: url("../img/brush-grey-h.png") no-repeat;
}
#local-curves-brush-db {
  background: url("../img/brush-d-b.png") no-repeat;
}
#local-curves-brush-db:hover {
  background: url("../img/brush-d-b-h.png") no-repeat;
}
#brush-1 {
  background: url("../img/brush-1.png") no-repeat;
}
#brush-1:hover {
  background: url("../img/brush-1-h.png") no-repeat;
}
#brush-2 {
  background: url("../img/brush-2.png") no-repeat;
}
#brush-2:hover {
  background: url("../img/brush-2-h.png") no-repeat;
}


#plus {
  background: url("../img/plus.png") no-repeat;
}
#plus:hover {
  background: url("../img/plus-h.png") no-repeat;
}
#minus {
  background: url("../img/minus.png") no-repeat;
}
#minus:hover {
  background: url("../img/minus-h.png") no-repeat;
}
#invert {
  background: url("../img/invert.png") no-repeat;
}
#invert:hover {
  background: url("../img/invert-h.png") no-repeat;
}
#a {
  background: url("../img/a.png") no-repeat;
}
#a:hover {
  background: url("../img/a-h.png") no-repeat;
}
#b {
  background: url("../img/b.png") no-repeat;
}
#b:hover {
  background: url("../img/b-h.png") no-repeat;
}
#c {
  background: url("../img/c.png") no-repeat;
}
#c:hover {
  background: url("../img/c-h.png") no-repeat;
}
#d {
  background: url("../img/d.png") no-repeat;
}
#d:hover {
  background: url("../img/d-h.png") no-repeat;
}
#e {
  background: url("../img/e.png") no-repeat;
}
#e:hover {
  background: url("../img/e-h.png") no-repeat;
}
#f {
  background: url("../img/f.png") no-repeat;
}
#f:hover {
  background: url("../img/f-h.png") no-repeat;
}