.draggable-div div{ position:relative; line-height:100%; word-break:break-all; border:1px solid transparent}
.file-browse:hover,
.draggable-div .content-edit:hover{ border:1px solid #ccc; }

.file-browse{ border:1px solid #ccc}
.draggable-div .content-edit:hover .h-list{ display:block}
.file-browse:hover:before{ top:0px!important}
.file-browse:hover:before,
.draggable-div .content-edit:hover:before{ line-height:19px; font-weight:normal; font-style:normal; text-decoration:none; right:-1px; top:-20px; width:75px;  text-transform: lowercase; text-align:center; position:absolute; content:"Click and edit"; font-size:11px; background:#A8A8A8; color:#fff; padding:0 5px;}
.h-list{ z-index:100; position:absolute; top:0; right:0px; display:none}
.draggable-div .edit-ic{ cursor:pointer}
.draggable-div .drag-ic{ cursor:move}
.draggable-div .edit-ic,.draggable-div .drag-ic{ display:block; background:#4c4c4c; color:#fff; font-size:11px;float:left; padding:0px 7px; border:1px solid #333; margin:0 0 0 5px}

#cboxContent #cboxClose {
position: absolute;
top: -2px;
right: -2px;}
.Edit-button{ display:none}
.popup-cont{ position:fixed; width:100%; height:100%;top:0;left:0; background:#000; z-index:1000; display:none}
.bg-nav{background: #fff;
border:1px solid #E1E1E1 
 }
 #cboxContent #cboxTitle{display:none!important;}
.upload-btn{position:relative; overflow:hidden; font-size:12px; font-weight:bold; }
.upload-btn input.upload-f{ position:absolute; top:-5px;left:-8px;bottom:-5px; right:-8px; z-index:5;opacity:0 }
#colorSelector3, #colorSelector2,#colorSelector{ background: url(../images/select-bg.png);position: relative; float:left;
width: 36px;
height: 36px;}

.max-div{ max-width:800px; height:450px; overflow:auto}
#colorSelector3 div,#colorSelector2 div, #colorSelector div {
position: absolute;
top: 7px;
left: 7px;
width: 22px;
height: 22px;
background:url(../images/select-bg.png) center;
}

.grid-place.grid-show {
background-image: url(../images/grid-id.png);
background-repeat: repeat;
}
.lay-button { width:130px; margin:0 auto}
.lay-button li{ float:left; display:block; }
.lay-button li a{ position:relative; display:block; width:20px; height:20px; margin-right:6px}
.up-img{width: 20px; height:20px; position:absolute; z-index:2px; opacity:0; padding:0; margin:0; left:0; top:0;}
.sprite-button{ background: url(../images/button-sprite.png) no-repeat}
.zoomin{background-position: -20px 0px;}
.zoomout{background-position: -40px 0px; }
.s-grid{background-position:-60px -20px; }
.b-imageFit{background-position:-60px 0px; }
.reset-d{background-position: 0px 0px;}
.bgc-d{background-position: 0px -20px; 
}
 .descri-con{ margin-left:80px;}
 
 .color-pick{ width:12px; top:4px; left:4px; height:12px; background-color:#fff; position:absolute;  border-radius:50%}
.head-id h3 {
margin-bottom: 10px;
color: #B3429F;
}
  .drop-box{ background-repeat:no-repeat; background-size:100% 100%; }
 .drop-box .drag {  box-sizing:border-box;-webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;-ms-box-sizing:border-box;
      width:200px;line-height: 1.428571429;
     height:30px;
      position: absolute; border:1px solid #ddd; z-index:0;
	
  }
    .drop-box .drag.n-content{ z-index:1}
  .drop-box .drag.active{ border:2px solid #7B7B7B;}
   .drop-box .drag.fitimages{width:100px; min-height:20px; z-index:1; position:relative}
      .drop-box .drag.fitimages1{width:100px; min-height:20px; z-index:1; position:relative}
      .drop-box .drag.fitimages1 img{width:100%; height:100%!important; position:absolute; display:block}

  .two_form.box-list li{width:48.5%;}
  .droppable-div{ margin:0 auto; position:relative; z-index:0;
   border-radius:5px; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
      width: 435px;
      height: 650px;
      border: 1px solid #ddd;
  }
  .mar-bottom20{ margin-bottom:20px;}
  .drag-list img {
     
      vertical-align: middle;
      cursor: move;
  }
  .drag-list ul {
      margin: 0px;
      padding: 0px;
  }
  .drag-list li {
      margin-bottom: 5px;
  }
  .remove-drag-hover {
      background-color: #ED4949 !important;
  }
  .drop-area {
      background-color:#f7f7f7;
  }
  div.edit-box,.drop-box .edit-box {
      top:0; width:48px; right:0;
      position: absolute;
      text-decoration: none;
	  display:none;
  }
.file-browse{ width:140px; overflow:hidden; resize: both;}
/* .file-browse.signatureImage{ width:140px; overflow:hidden; resize: both;} */
.file-browse:hover{border: 2px solid #7B7B7B;}
 .file-browse img { max-width:100%; width:100%; display:block}
  
   .file-browse:hover .edit-box{ display:block}
  .drop-box .edit-box > span{float:left; display:block;}
 .drop-box .drag:hover .xicon-e, .drop-box .drag:hover .edit-box{display:block;}
  .tip {
      font-size: 12px;
      clear: both;
  }
  .tooltip{ z-index:20}
  .delete-button.active{background: #00D5AF;}
  .delete-button,.set-button{ padding:5px; display:inline-block; cursor: default!important;}
  .delete-button a,.set-button a{ color:#4c4c4c}
  .nav-bar5 .edit-cont{ display:none }
  .edit-cont .xicon-e{position:absolute; right:0px; top:0; display:none; z-index:92}
  .delete-button,.set-button, .nav-bar5 .box-list .drag{
	  cursor:move; position:relative; z-index:1;
	   background: #ECECEC;
text-shadow: none;
border-radius: 3px;
border: 1px solid #FFF;
color: #4c4c4c;
	 -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0px 0 rgba(255,255,255,0.8),0 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);  
	    padding:5px 8px; margin:0 2%; text-align:center; font-size:12px; font-weight:bold; }
  .drop-box .drag .edit-dy{ display:none }
  .drop-box .drag .edit-cont img{display:block; width:100%; max-width:100%;}
  .drop-container{margin-left:26%;}


.zom{ position:relative; z-index:1;background: #ECECEC; cursor:default;text-shadow: none;
border-radius: 3px;border: 1px solid #FFF;color: #4c4c4c;
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0px 0 rgba(255,255,255,0.8),0 0px 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8),0 0px 3px rgba(0, 0, 0, 0.3);  
padding:5px 8px; margin:0 2%; text-align:center; font-size:12px; font-weight:bold;}
.top-edit li{ float:left;  padding:0 15px; height:36px; display: block; text-align:center;  border-left:1px solid #fff;}
.top-edit li > div{cursor:pointer;}
.thumbnail-list li{ display:block; width: 60px; height:80px; overflow:hidden; display:block; margin:0 5px; box-shadow:0px 0px 5px rgba(0,0,0,.3)}
.thumbnail-list li img{width:100%; max-width:100%; display:block;}
.slider-flip{ height:400px; overflow:hidden}
.id-button{padding: 5px 8px;display: block;text-align: center;color: #FFF;}

.colorpicker {
	width: 356px;
	height: 176px;
	/*overflow: hidden;*/
	position: absolute;
	background: url(../images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	z-index:300;
}


.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	right:4px;
	top: 4px;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {

	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

.bold-d {
background: url(../images/f-bold.png) no-repeat center center;
}
.ital-d {
background: url(../images/f-itl.png) no-repeat center center;
}
.f-italic{ font-style:italic}
.F-size { 
width: 36px;
height: 36px; float:left;
position: relative;
}

.grid-place{ position:absolute;width:100%; height:100%; }

.id-preview .grid-show{background-image:none}
.id-preview .drop-container{ margin-left:0px;}
.id-preview .nav-bar5{ display:none}
.id-preview .max-div {width:100%; max-width:100%}
.id-preview .drop-container{/*margin-left:0px;*/}
.id-preview .drop-container .drag,
.id-preview .drop-container .drag.active{border-color:transparent; padding:0}
.id-preview .drop-container .drag .edit-box,
.id-preview .drop-container .drag .inline-gop
{ display:none}
.id-preview .drop-container .drag .ui-icon{background:none;}
.id-preview .droppable-div{ display:inline-block!important;border: 1px solid #ECECEC; margin-bottom:15px;
box-shadow: none;}

.imageTypeProperty{
	background-image:url(../images/f-logo.png);
	background-position:top center; 
	background-repeat:no-repeat; 
	background-size:100%;
	min-height: 100px;
}.imageOpacity{
	opacity:0.2;
} 
.file-browse{ position:relative;}
div.edit-box{ position:absolute; right:0; top:2px; display:none}
.file-browse:before{ display:none}
.file-browse:hover .edit-box{display:block;}