.capsig-overlay{
  background: transparent;
}
.capsig-overlay .text{
  position: absolute;
  top:50%;
  margin-top: -6px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #00F;
  z-index: 99;
}
.capsig-overlay.empty .text{
  display: block;
}
.capsig-overlay.has-signature .text{
  display: none;
}

#capsig-dialog-mask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  filter: alpha(opacity=50); /* internet explorer */
  opacity: 0.5;           /* fx, safari, opera, chrome */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /*IE8*/
  background: #000000;
  display: none;
}

#capsig-dialog{
  width: 690px;
  border: solid 1px #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  z-index: 1000;
  background: #fff;
  display: none;
  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}

#capsig-dialog .header{
  background: #4D4D4D;
  padding: 5px;
  color: white;
  text-align: right;
}
#capsig-dialog .header h2{
  float: left;
  font-weight: bold;
  font-size: 1.4em;
  margin: 0.2em;
}
#capsig-dialog .header button{
  font-size: 1.2em;
}
#capsig-dialog .content{
  padding: 10px;
  font-size: 1.3em;
}

#capsig-dialog .content p{
  margin-top: 0;
  color: #666;
}

#capsig-dialog .content label{
  font-weight: bold;
  display: block;
  padding: 0.2em;

}
#capsig-dialog .content input{
  width: 99%;
}
#capsig-dialog .drawing-ct{
  border: solid 1px #BBB;
  margin: 10px 0;
}

#capsig-dialog .drawing-ct #capsig-drawing-board{
  /* border: solid 1px #F00; */
  cursor: crosshair;
}

#capsig-dialog .footer{
  border-top: solid 1px #CCC;
  background: #F0F0F0;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 8px;
  width: 674px;
}
#capsig-dialog #btn-clear{
  float: left;
}
#capsig-dialog #btn-cancel{
  float: right;
}
#capsig-dialog #btn-ok{
  float: right;
}