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;
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
 background : #343434;
}

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

.panel {
  width: 179px;
  height: 470px;
  padding: 12px 15px 12px 14px;
  background : url("./img/layer-0.png") no-repeat center;
}

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

button.marg2 {
  margin: 0 2px;
}

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

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

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

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


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

.btn-small {
  width: 56px;
  height: 26px;
}
.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;
}
.edit-tools {
  overflow: hidden;
  padding: 0 0 0 4px;
    margin-top: 5px;
  margin-bottom: 2px;
}

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

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

.label {
    width: 179px;
    height: 13px;
    margin: 7px 0 5px 0;
    line-height: 1em;
    background : url(img/label.png) no-repeat center;
   
}

.label-1 {
    width: 179px;
    height: 13px;
    margin: 7px 0 5px 0;
    line-height: 1em;
    background : url(img/label-1.png) no-repeat center;
   
}

.label-2 {
    width: 179px;
    height: 13px;
    margin: 7px 0 5px 0;
    line-height: 1em;
    background : url(img/label-2.png) no-repeat center;
   
}

.label-3 {
    width: 179px;
    height: 30px;
    margin: 7px 0 5px 0;
    line-height: 1em;
    background : url(img/check-out-our-beauty-retouch-workflow-accelerator-panel-for-pho.png) no-repeat center;

}

.label-4 {
    width: 179px;
    height: 11px;
    margin: 7px 0 5px 0;
    line-height: 1em;
    background : url(img/retouchingacademycom.png) no-repeat center;
}

#mid-gray {
    background: url('img/midgray.png');
}
#mid-gray:hover {
    background: url('img/midgray-hover.png');
}

#rotate90 {
    background: url('img/rotate90.png');
}
#rotate90:hover {
    background: url('img/rotate90-hover.png');
}
#rotate90cw {
    background: url('img/rotate90cw.png');
}
#rotate90cw:hover {
    background: url('img/rotate90cw-hover.png');
}
#flip-horizontal {
    background: url('img/flipHorizontal.png');
}
#flip-horizontal:hover {
    background: url('img/flipHorizontal-hover.png');
}
#flip-vertical {
    background: url('img/flipVertical.png');
}
#flip-vertical:hover {
    background: url('img/flipVertical-hover.png');
}

#merge-layers {
    background: url('img/mergeLayers.png');
}
#merge-layers:hover {
    background: url('img/mergeLayers-hover.png');
}

#stamp-layers {
    background: url('img/stampLayers.png');
}
#stamp-layers:hover {
    background: url('img/stampLayers-hover.png');
}
#clipping-mask {
    background: url(img/clippingMask.png);
}
#clipping-mask:hover {
    background: url(img/clippingMask-hover.png);
}
#highlights-mask {
    background: url(img/highlightsMask.png);
}
#highlights-mask:hover {
    background: url(img/highlightsMask-hover.png);
}
#shadows-mask {
    background: url(img/shadowsMask.png);
}
#shadows-mask:hover {
    background: url(img/shadowsMask-hover.png);
}
#image-size {
    background: url(img/imageSize.png);
}
#image-size:hover {
    background: url(img/imageSize-hover.png);
}
#canvas-size {
    background: url('img/canvasSize.png');
}
#canvas-size:hover {
    background: url('img/canvasSize-hover.png');
}
#flatten-image {
    background: url(img/flattenImage.png);
}
#flatten-image:hover {
    background: url(img/flattenImage-hover.png);
}
#rgb {
    background: url('img/RGB.png');
}
#rgb:hover {
    background: url('img/RGB-hover.png');
}
#cmyk {
    background: url('img/cmyk.png');
}
#cmyk:hover {
    background: url('img/cmyk-hover.png');
}
#lab {
    background: url('img/lab.png');
}
#lab:hover {
    background: url('img/lab-hover.png');
}
.signature {
 color: white;
 text-align: center;
 font-size : 10px;    
}

#link {
 color: white;
 font-style:italic;    
}