/**
 * Script placeholder markup.
 */
.script-placeholder {
  padding:100px 0px;
  text-align:center;
  }

/**
 * Browser
 */
.context-block-browser {
  width: 600px;
}

.context-block-browser .blocks {
  height:98%;
  overflow: auto;
  float: left;
  width: 320px;
}

.context-block-browser .block-browser-sidebar {
  float: left;
  width: 250px;
  padding: 0 0 0 15px;
}

.context-block-item,
.context-block-browser  .draggable-placeholder,
#admin-toolbar  .context-block-browser  .context-block-item {
  font-size:11px;
  line-height:20px;
  height:20px;

  color:#333;

  padding:3px 3px 3px 3px;
  margin:0px 1px 1px 0px;
  max-width:300px;
  white-space:nowrap;
  overflow:hidden;

  background:#efefef;
  border:1px solid #ddd;
  position:relative;

  border-radius:5px;
  -moz-border-radius:5px;
  -moz-user-select:none;
-  -webkit-user-select:none;
}


  .context-block-addable { cursor: pointer; }

  .context-block-item span.icon {
    background:url(context_reaction_block.png) 0px -80px no-repeat;
    display:block;
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
  }

  .context-block-loading { max-width:none; }

  .context-block-loading span.icon {
    background-position:-20px -80px;
    float:none;
    margin:0px auto;
  }

  .context-block-browser  .draggable-placeholder { padding:2px 1px 1px 2px; }

  #admin-toolbar.horizontal  .context-block-browser  .draggable-placeholder,
  #admin-toolbar.horizontal  .context-block-browser  .context-block-item {
    width:180px;
    margin-right:1px;
    padding-right:9px;
    float:left;
  }


  .context-block-added { display:none !important; }

/**
 * Inline editing elements ============================================
 */
div.context-block-region {display: none;}
a.context-block { display:none !important; }

body.context-editing div.context-block-region {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#666;
  color:#fff;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);

  display:block;
  height:40px;
  line-height:24px;

  text-align:center;
  font-size:18px;
  white-space:nowrap;
}

.context-block-region .region-name {
    width:100%;
    text-align:center;
    font-size:18px;
    color:#fff;
    white-space:nowrap;
    padding:;
    display:block;
    -moz-user-select:none;
    -webkit-user-select:none;
  }

body.context-editing .ui-sortable  .block { opacity:.25; }

body.context-editing .ui-sortable  .draggable {
  position:relative;
  opacity:1;
  }

body.context-editing  .draggable-placeholder {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;

  background:#fff;
  border:3px dashed #666;
  opacity:.2;
  }

body.context-editing  .draggable:hover a.context-block-remove,
body.context-editing  .draggable:hover a.context-block-handle {
  background:url(context_reaction_block.png) no-repeat;
  cursor:move;
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  right:35px;
  top:-5px;
  z-index:100;
  }

body.context-editing  .draggable:hover a.context-block-remove {
  background-position:-40px 0px;
  cursor:pointer;
  right:-5px;
  }

 .context-block-hidden { display:none !important; }

 .block  .context-block-empty-content {
  text-align:center;
  padding:10px;
  opacity:.5;
  background:#fff;
  color:#666;
  }

/**
 * Block visibility ===================================================
 */
#context-blockform  .context-blockform-selector {
  height:20em;
  overflow:auto;
  }

#context-blockform span.system-blocks { color:#999; }

#context-blockform td.blocks,
#context-blockform td.selector {
  border:1px solid #ddd;
  padding:10px;
  width:50%;
  }

#context-blockform td.blocks  .label,
#context-blockform td.blocks td,
#context-blockform td.blocks th {
  background:#fff;
  padding:5px 5px 4px;
  border:0px;
  border-bottom:1px solid #ddd;
  }

  #context-blockform td.blocks  .label { background:#eee; }
  #context-blockform td.blocks  .label a { float:right; }

#context-ui-items #context-blockform {
  font-size:11px;
  line-height:15px;
  }

#context-ui-items #context-blockform  .form-checkboxes {
  height:auto;
  overflow:visible;
  padding:0px;
  margin:0px;
  border:0px;
  }

#context-ui-items #context-blockform  .form-item { padding:0px; }

#context-ui-items #context-blockform label {
  background:#eee;
  display:block;
  padding:5px;
  line-height:15px;
  }

#context-ui-items #context-blockform label.option {
  background:#fff;
  display:block;
  border:0px;
  }

#context-blockform .tabledrag-toggle-weight-wrapper {
  margin-bottom:0;
  }

a.context-ui-add-link, a:link.context-ui-add-link, a:visited.context-ui-add-link {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#fff;
  cursor: pointer;
  line-height:14px;
}

.editing-context-label {
  position: fixed;
  top:70px;
  background:#fff;
  color:#222;
  padding:10px;
  font-weight:bold;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
  border:1px solid #ddd;
  border-left:0;
  border-radius:0 6px 6px 0;
}

.context-help {
  font-size:12px;
  font-weight:normal;
}

.context-editor-title {
  font-size:24px;
  margin:10px 0px;
  padding:0;
}

.ui-sortable-helper {
  max-width: 300px;
  max-height: 300px;
}