// CSS for the dialog boxes that appears when we right click the Image or Table in the cleditor
.removeBtn{
	position: absolute;
    left:18px;
}

.removeBtn.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
	background: #f44336;
}

.ui-dialog .ui-resizable-se.ui-icon-gripsmall-diagonal-se {
	right: 0px;
	bottom: 0px;
	background-position: -64px -224px;
	width: 16px;
	height: 16px;
}

.resizertable {
  position: absolute;
  top: -3px;
  right:0;
  bottom: 0;
  left: auto;
 // width: 16px;    
  cursor: col-resize;
  width:10px;
  height:10px;
 // margin-top:-3px;
  background-image:url('/est/images/grip.png');
  z-index:88; 
 // margin-left:-5px;      
}

.resizertable:hover{
	background-position-x:-20px;
}

#tableWrapper table{
	font-variant: normal; 
	font-stretch: normal; 
	line-height: normal; 
	cursor: text; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 10pt; 
	font-family: Arial, Verdana;
	table-layout: fixed;
	//width:100%;
	//max-width:720px;
}

#tableWrapper table p {
	margin: 0px;
	padding: 0px;
}

#tableWrapper table br {
	margin: 0px;
	padding: 0px;
}

.dummytd{
	display: none;
}
.grip{
	width:10px;
	height:10px;
	margin-top:-3px;
	background-image:url('/est/images/grip.png');
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:col-resize;
}

.grip:hover{
	background-position-x:-20px;
}

.dragging .grip{
	background-position-x:-40px;
}