/* layout - rozvržení stránky */

.editor {
  //padding: 8px; 
  margin: 4px 0 20px 0;
  color: #555; 
  border: 1px #ddd solid;
  
  /* -- CSS3 Shadow - create a shadow around each input element -- */ 
    -webkit-box-shadow: 0px 0px 4px #aaa;
    -moz-box-shadow: 0px 0px 4px #aaa; 
    box-shadow: 0px 0px 4px #aaa;
     
    /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
    -webkit-transition: background 0.3s linear;	

  //border:1px solid #888;
  //display: block;
  //float: left;
  //margin-bottom: 10px
}

.editor-controls {
  border-bottom:1px solid #888;
  background-color:#efefef;
  padding:3px
}

.editor .separator {
  margin-left: 1px;
}

.editor .br {
  display:block;
  margin-bottom: 5px
}

.editor .button {
  margin-left:1px;
  border:1px solid #efefef;
  cursor:pointer;
}

.editor .pressed {
  border:1px solid #888;
  background-color:#ccc;
}

.editor .select {
  margin-left:1px;
  border:1px solid #aaa;
  padding:2px 18px 2px 3px;
  font-family:verdana;
  font-size:70%;
  cursor:pointer;
  position:relative;
  top:-5px;
  background-image:url(./img/editor/select.gif);
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-color:#fff;
}

.editor .options {
  border:1px solid #888;
  border-bottom:none; 
  cursor:pointer
}

.editor .options .option {
  background-color:red;
  border-bottom:1px solid #888;
  padding:1px
}

.editor .options .mouseover {
  background-color:#ddf;
  border:none;
  border-bottom:1px solid #888
}

.editor .mouseover {
  border:1px solid #666;
  background-color:#ddd
}

.editor .disabled {
  cursor:default !important;
  opacity:0.5;
  filter:alpha(opacity=50)
}