table.no-border {
  border: none;
}

table.no-border td, tr {
  border: none;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

div.md5 {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  text-align: left;
}

.pettanr-comic-wrapper {
  margin:  1em auto;
}
.pettanr-comic-panel {
  border-style:  solid;
  border-color:   #111;
  position:    relative;
  margin:     1em 0;
  overflow:    hidden;
}
.pettanr-comic-panel img {
  position:    absolute;
}
.pettanr-comic-balloon {
  position:    absolute;
}
.pettanr-comic-balloon img {
  width:     100%;
  height:     100%;    }
.pettanr-comic-balloon p {
  margin:     0 !important;
  padding:    0 !important;      display:    table;
  position:    absolute;
  top:     0;
  left:     16.6%;
  width:     66.6%;
  height:     100%;
  *height:    auto;
  *top:     50% !important;
}
.pettanr-comic-balloon p span,
.pettanr-comic-balloon p strong,
.pettanr-comic-balloon p em,
.pettanr-comic-balloon p i,
.pettanr-comic-balloon p samp,
.pettanr-comic-balloon p code {
  vertical-align:   middle;
  text-align:    center;
  font-size:    14px;
  display:    table-cell;
  *display:    block;
  zoom:     1;
  *position:    relative;
  *top: -50%;
}
.pettanr-comic-balloon p strong {
  font-weight: bold;
}
.pettanr-comic-balloon p em,
.pettanr-comic-balloon p i {
  font-style: italic;
}
.pettanr-comic-balloon p samp,
.pettanr-comic-balloon p code {
  font-family: monospace;
}
.ui-resizable-handle {
  background-color:#f8b87c;
}
.ui-resizable-n {
  cursor          : n-resize;
  height          : 9px;
  width           : 100%;
  top             : -3px;
  left            : 0;
}
.ui-resizable-s {
  cursor          : s-resize;
  height          : 9px;
  width           : 100%;
  bottom          : -3px;
  left            : 0;
}
.ui-resizable-e {
  cursor          : e-resize;
  width           : 9px;
  right           : -3px;
  top             : 0;
  height          : 100%;
}
.ui-resizable-w {
  cursor          : w-resize;
  width           : 9px;
  left            : -3px;
  top             : 0;
  height          : 100%;
}
.ui-resizable-se {
  cursor          : se-resize;
  width           : 12px;
  height          : 12px;
  right           : 1px;
  bottom          : 1px;
}
.ui-resizable-sw {
  cursor          : sw-resize;
  width           : 9px;
  height          : 9px;
  left            : -5px;
  bottom          : -5px;
}
.ui-resizable-nw {
  cursor          : nw-resize;
  width           : 9px;
  height          : 9px;
  left            : -5px;
  top             : -5px;
}
.ui-resizable-ne {
  cursor          : ne-resize;
  width           : 9px;
  height          : 9px;
  right           : -5px;
  top             : -5px;
}.colorpicker-wrap {
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    padding: 10px 5px;
    background: #fafafa;
    display: none;
}
.colorpicker-red, .colorpicker-green, .colorpicker-blue {
  float: left;
  clear: left;
  width: 256px;
  margin: 3px 10px;
}
.code_swatch {
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-left: 10px;
  background-image: none;
}
.colorpicker-red .ui-slider-range {
  background: #ef2929;
}
.colorpicker-red .ui-slider-handle {
  border-color: #ef2929;
}
.colorpicker-green .ui-slider-range {
  background: #8ae234;
}
.colorpicker-green .ui-slider-handle {
  border-color: #8ae234;
}
.colorpicker-blue .ui-slider-range {
  background: #729fcf;
}
.colorpicker-blue .ui-slider-handle {
  border-color: #729fcf;
}
.colorpicker-hex, #colorpicker-rgb {
  margin: 5px;
}
.tsort-box {
  float: left;
  font-size: 12px;
}
.scenario {
  float: left;
}
.tsort-row-break {
  clear: both;
}
.tsort-tabs-nav {
    padding: .2em .1em .2em .2em;
    width: 220px;
}
.tsort {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tsort li {
    margin: 0 3px 3px 3px;
    padding: 0.3em;
    padding-left: 1em;
    font-size: 12px;
    cursor: move;
}
.tsort-row-break {
  clear: both;
}
.zsort-box {
  font-size: 12px;
}
.zsort-tabs-nav {
    padding: .2em .1em .2em .2em;
    width: 220px;
}
.zsort {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.zsort li {
    margin: 0 3px 3px 3px;
    padding: 0.3em;
    padding-left: 1em;
    font-size: 12px;
    cursor: move;
}
.ui-slider .ui-slider-handle {
	width: 1em;
  height: 1em;
}
.ui-slider-horizontal {
	height: 0.6em;
}
#elements-tabs {
    font-size: 12px;
}
.ui-tabs-vertical {
}
.ui-tabs-vertical .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    float: left; 
    width: 220px;
}
.ui-tabs-vertical .ui-tabs-nav li {
    clear: left; width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px 0.2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
    display:block;
    width: 100%;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}
.ui-tabs-vertical .ui-tabs-panel {
    padding: 1em;
    float: left; 
    width: 35em;
    float: right;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
}
.elements-tab {
  width: 100%;
   overflow: hidden;
   height: auto;
}
 
.elements-tab img {
   float: left;
   margin: 0 1px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.elements-tab p {
   overflow: hidden;
   height: auto;
}
.elements-tab-face-icon {
   float: left;
}
.elements-tab-face-caption {
   float: left;
}
.elements-tab-face-end {
  clear: both;
}
.ui-button .ui-icon.ui-icon-destroy {
  width: 16px; 
  height: 16px; cursor: pointer; 
  background-image: image-url("destroy.png") !important;
}
.ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
  width: 16px; 
  height: 16px; cursor: pointer; 
  background-image: image-url("destroy-highlighted.png");
}

.speech_balloon_template_item {
  float: left;
}
.speech_balloon_template_item-row-break {
  clear: both;
}