/* Toolbar */

div#toolbar a.modify-order {
  background:url('modify_order.gif') no-repeat center 4px;
}

div#toolbar fieldset div.buttons a.template {
  background-image:url('popup_open.gif');
}

div#toolbar fieldset div.buttons a.template span {
  display:none;
}

/* Menu sorter */

div.popup div.content.menu-sorter {
  position:relative;
}

div.popup div.content.menu-sorter div {
  float:left;
  cursor:move;
  clear:both;
  width:257px;
}

div.popup div.content.menu-sorter div span {
  padding:2px 2px 2px 5px;
  float:left;
}

/* Templates settings popup */

div.popup.template-settings div.content {
  position:relative;
  overflow-x:hidden;
}

/* Title picture */

div.popup.template-settings div.picture {
  float:left;
  width:370px;
  border:1px dotted #AAA;
  margin-top:5px;
  text-align:center;
}

div.popup.template-settings div.picture img {
  vertical-align:bottom;
}

div.popup.template-settings div.picture a.delete {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #AAAAAA;
  float: right;
  font-size: 11px;
  margin-right: 2px;
  margin-top: -25px;
  padding: 0 4px 3px 5px;
  position: relative;
  text-decoration: none;
  top: 27px;
}

div.popup.template-settings div.picture.background-preview {
  height:185px; 
}

/* Templates */

div#toolbar div.options fieldset div.templates,
div.popup.template-settings fieldset div.templates {
  border:1px solid #AAA;
  float:left;
  width:179px;
}

div#toolbar div.options fieldset div.templates label.template,
div.popup.template-settings fieldset div.templates label.template {
  width:45px;
  height:67px;
  float:left;
  text-align:center;
  border-right:1px solid #CCC;
  border-left:1px solid #CCC;
  margin:0 0 0 3px;
  padding:0;
}

div#toolbar div.options fieldset div.templates label.template img,
div.popup.template-settings fieldset div.templates label.template img {
  border:none;
  border-bottom:1px dotted #CCC;
  vertical-align:bottom;
}

div#toolbar div.options fieldset div.templates label.template input,
div.popup.template-settings fieldset div.templates label.template input {
  margin-top:4px;
}

div#toolbar div.options fieldset div.templates div.button,
div.popup.template-settings fieldset div.templates div.button {
  width:12px;
  height:67px;
  cursor:pointer;  
  -moz-user-select:none;
}

div#toolbar div.options fieldset div.templates div.button.disabled,
div.popup.template-settings fieldset div.templates div.button.disabled {
  cursor:default;
}

div#toolbar div.options fieldset div.templates div.left,
div.popup.template-settings fieldset div.templates div.left {
  background-image:url('left.gif');
  background-repeat:no-repeat;
  background-position:center center;
  border-right:1px solid #AAA;
  float:left;
}

div#toolbar div.options fieldset div.templates div.left.disabled,
div.popup.template-settings fieldset div.templates div.left.disabled {
  background-image:url('left_disabled.gif');
}

div#toolbar div.options fieldset div.templates div.right,
div.popup.template-settings fieldset div.templates div.right {
  background-image:url('right.gif');
  background-repeat:no-repeat;
  background-position:center center;
  border-left:1px solid #AAA;
  margin-left:3px;
  float:right;
}

div#toolbar div.options fieldset div.templates div.right.disabled,
div.popup.template-settings fieldset div.templates div.right.disabled {
  background-image:url('right_disabled.gif');
}

/* Popup has 6 visible templates */

div.popup.template-settings fieldset div.templates {
  width:370px;
}

div.popup.template-settings fieldset div.templates label.template {
  margin-left:9px;
}