/*
 * striptool stylings
 */

.striptool-component {
  float: left;
  width: 728px;
}

/* old */
td.striptool-field-head {
  font-weight: bold;
  font-size: 1.25em;
  vertical-align: top;
}

td.striptool-field {
  text-align: right;
  vertical-align: top;
  padding-top: 0.5em;
}

td.striptool-delete {
  vertical-align: top;
  padding-top: 0.5em;
}

/* new */

.dim {
  color: #aaa;
}

div#striptool-title {
  float: left;
  width: 720px;
}

input.striptool-title {
  font-weight: bold;
  font-size: 1.5em;
  background: white;
  border: 1px solid black;
  xmargin-bottom: 5px;
}

input.striptool-field {
  font-size: .8em;
  background: white;
  xmargin-bottom: 5px;
}

.striptool-title-label {
  font-weight: bold;
  font-size: 1.5em;
}

.striptool-label {
  font-weight: bold;
}

div.striptool-panel,div.striptool-panel-last {
  float: left;
  width: 175px;
  padding: 2px;
  margin: 0;
  background: #ddd;
  text-align: center;
  border: 2px solid #fefefe;
  border-left: 0;
}

textarea.narration,textarea.narration:focus {
  width: 163px;
  border: 1px solid black;
  background: white;
  height: 2em;
  font-size: .8em;
  margin-bottom: 4px;
}

textarea.balloon,textarea.balloon:focus {
  width: 150px;
  border: 0px solid #eee;
  background: white;
  font-size: .8em;
}

a.strip-icon {
  float: left;
  margin: 0 50px 0 30px;
}

img.strip-icon {
  border: 0;
  margin: 0;
  padding: 0;
}

a.strip-button {
  margin-top: 2px;
  padding: .0em .65em;
  border: 1px solid black;
  background-color: #edeac7;
  color: #000;
  display: inline;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}

.strip-button-container {
  text-align: center;
  padding-top: 2px;
}

/* some old, some current. */
img.icon-selected,img.icon-unselected {
  border: 0;
  margin: 2px 0 0 2px;
  padding: 0;
}

img.icon-unselected {
  border: 2px solid #eee;
}

img.icon-selected {
  border: 2px solid #000;
}

#picker {
  width: 470px;
  background: #edeac7;
  border: 1px solid black;
  position: absolute;
  left: -1000px;
  top: -1000px;
  float: left;
  visibility: hidden;
  padding: 4px;
  z-index: 1020;
}

#popupContainer {
  z-index: 1030 !important;
}

.picker-layout-chars {
  float: left;
  width: 275px;
}

.picker-layout {
  float: left;
  width: 175px;
}

.picker-label {
  float: left;
  width: 100%;
  padding: 0;
  font-weight: bold;
  font-size: 1.1em;
}

.picker-list,.picker-list-chars {
  float: left;
  height: 245px;
  margin: .2em;
  border: 1px solid black;
  background: #eee;
  overflow: auto;
}

.picker-list {
  width: 185px;
}

.picker-list-chars {
  width: 265px;
}

.picker-buttons {
  float: left;
  width: 350px;
  text-align: center;
}

/* 
 * word balloon textarea 
*/

.balloon-top {
  background: url(/static/img/balloon_top.gif) no-repeat top left;
  margin-bottom: 4px;
}

.balloon-bottom-d {
  padding: 0;
  padding-left: 5px;
  background: url(/static/img/balloon_bottom_d.gif) no-repeat bottom left;
}

.balloon-top-right-d {
  background: url(/static/img/balloon_top_right_d.gif) no-repeat top right;
}

.balloon-bottom-right-d {
  padding-top: 5px;
  padding-right: 5px;
  background: url(/static/img/balloon_bottom_right_d.gif) no-repeat bottom right;
  padding-bottom: 30px;
}

/*
 * background colors
 */
.color-chip {
  width: 20px;
  height: 20px;
  background: white;
}

.color-palette {
  float: left;
  margin-top: 30px;
}

.ucw-popup {
  float: left;
}

/* etc. */

div#striptool-footer {
  float: left;
  width: 720px;
  margin-bottom: 4px;
}

div#striptool-submit {
  float: left;
  width: 500px;
  padding: 1em 0 1em 0;
}

div#striptool-actions {
  float: right;
  padding: 1em 4px 1em 0;
}