/*****************************************************************************
 *
 * Kupu common styles
 *
 * Copyright (c) 2003-2004 Kupu Contributors. See CREDITS.txt
 *
 * Instead of customizing this file, it is recommended to add your own
 * CSS file.  Feel free to use whole or parts of this for your own
 * designs, but give credit where credit is due.
 *
 *****************************************************************************/

/* $Id: kupustyles.css,v 1.3 2005/01/03 05:41:46 svieujot Exp $ */

div.kupu-fulleditor {
  font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
  border: solid 3px ButtonHighlight;
  margin: 0.2em;
  /* height: 100%; */
}

div.kupu-fulleditor .kupu-editorframe {
  margin-right: 20em;
}

div.kupu-smalleditor .kupu-editorframe {
  margin-right: 0.2em;
}

div.kupu-smalleditor {
  font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
  border: solid 3px ButtonHighlight;
  margin: 0.2em;
  height: 100%;
}

.kupu-tb {
  padding: 3px;
  margin-bottom: 0.4em;
  background-color: ButtonFace;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

#kupu-tb-buttons button {
  color: ButtonText;
  border: 1px solid ButtonFace;
  margin-top: 0;
  margin-left: 0;
  height: 26px;
  width: 26px;
  background-repeat: no-repeat;
}

#kupu-tb-buttons button:hover {
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

#kupu-tb-buttons button:active {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.kupu-tb-buttongroup {
  margin-left: 2px;
  margin-right: 2px;
}

.kupu-bold {background-image: url("kupuimages/bold.gif");}
.kupu-bold-pressed {background-image: url("kupuimages/bold.gif"); background-color: white;}
.kupu-forecolor {background-image: url("kupuimages/textcolor.gif");}
.kupu-hilitecolor {background-image: url("kupuimages/bgcolor.gif");}
.kupu-hyperlink {background-image: url("kupuimages/hyperlink.gif");}
.kupu-hyperlink-pressed {background-image: url("kupuimages/hyperlink.gif"); background-color: white}
.kupu-image {background-image: url("kupuimages/image.gif");}
.kupu-indent {background-image: url("kupuimages/indent.gif");}
.kupu-inserthorizontalrule {background-image: url("kupuimages/hr.gif");}
.kupu-insertorderedlist {background-image: url("kupuimages/numbered.gif");}
.kupu-insertunorderedlist {background-image: url("kupuimages/list.gif");}
.kupu-insertdefinitionlist {background-image: url("kupuimages/definitionlist.png");}
.kupu-italic {background-image: url("kupuimages/italic.gif");}
.kupu-italic-pressed {background-image: url("kupuimages/italic.gif"); background-color: white}
.kupu-justifycenter {background-image: url("kupuimages/centre.gif");}
.kupu-justifyleft {background-image: url("kupuimages/left_just.gif");}
.kupu-justifyright {background-image: url("kupuimages/right_just.gif");}
.kupu-logo {background-image: url("kupuimages/kupu_icon.gif");}
.kupu-outdent {background-image: url("kupuimages/outdent.gif");}
.kupu-redo {background-image: url("kupuimages/redo.gif");}
.kupu-save {background-image: url("kupuimages/save.gif");}
.kupu-save-and-exit {background-image: url("kupuimages/exit.gif");}
.kupu-space {background-image: url("kupuimages/space.gif");}
.kupu-source {background-image: url("kupuimages/source.gif");}
.kupu-subscript {background-image: url("kupuimages/subscript.gif");}
.kupu-subscript-pressed {background-image: url("kupuimages/subscript.gif"); background-color: white}
.kupu-superscript {background-image: url("kupuimages/superscript.gif");}
.kupu-superscript-pressed {background-image: url("kupuimages/superscript.gif"); background-color: white}
.kupu-table {background-image: url("kupuimages/table.gif");}
.kupu-underline {background-image: url("kupuimages/underline.gif");}
.kupu-underline-pressed {background-image: url("kupuimages/underline.gif"); background-color: white}
.kupu-undo {background-image: url("kupuimages/undo.gif");}
.kupu-removelink {background-image: url("kupuimages/remove.png")}
.kupu-removeimage {background-image: url("kupuimages/remove.png")}

#kupu-tb-buttons button.invisible { 
  display: none;
  /*visibility: hidden;*/
}

#kupu-tb-buttons button.visible { 
  display: inline;
}

div.kupu-editorframe {
  margin-left: 0.3em;
  margin-bottom: 0.3em;
  border: solid 2px ButtonFace;
  height: 100%; /* MyFaces modif. */
}

#kupu-editor {
  height: 100%; /* MyFaces modif. */
  /* height: 450px; */
  width: 100%; /* MyFaces modif. */
}

#kupu-editor-textarea {
  height: 100%; /* MyFaces modif. */
  /* height: 450px; */
  width: 100%; /* MyFaces modif. */
}

div.kupu-toolboxes {
  float: right;	
  border: solid 2px ButtonFace;
  height: 100%;
  width: 19.4em;
  margin-right: 0.3em;
  margin-bottom: 0.3em;
  font-size: 0.8em;
}

div.kupu-toolbox, div.kupu-toolbox-active {
  margin-bottom: 1em;
}

div.kupu-toolbox h1, div.kupu-toolbox-active h1 {
  text-align: center;
  width: 100%;
  background-color: ButtonFace;
  margin-top: 0;
  font-size: 1.1em;
}

div.kupu-toolbox-label, span.kupu-toolbox-searchterm, 
input.kupu-toolbox-st, button.kupu-toolbox-action, 
div.kupu-toolbox-results {
  margin-left: 0.2em;
  margin-right: 0.2em;
}

div.kupu-toolbox-label {
  margin-bottom: 0.4em;
}

div.kupu-toolbox-results {
  border: solid 2px ButtonFace;
  margin-top: 0.8em;
  text-decoration: underline;
  padding: 0.2em;
  display: none;
}

div.kupu-toolbox table#kupu-toolbox-addtable input, 
div.kupu-toolbox-active table#kupu-toolbox-edittable input {
  width: 20px;
}

div.kupu-toolbox-active {
  background-color: ButtonFace;
}

table#kupu-toolbox-addtable {

}


div.kupu-toolbox button {
  font-size: 0.9em;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

div.kupu-toolbox button:active {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}


#kupu-toolbox-editlink, #kupu-toolbox-edittable,
#kupu-ulstyles, #kupu-olstyles {
  display: none;
}


div#kupu-colorchooser {
  position: absolute;
  visibility: hidden;
  border: solid black 1px;
  background-color: white;
  padding: 0.2em;
  font-size: small;
}

div#kupu-fgcolorchooser div:hover {
  /* border: outset 1px; */
}

#kupu-toolbox-properties input {
  width: 16em;
}

textarea#kupu-properties-description {
  width: 22em;
}

textarea, input {
  font-size: x-small;
  font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
}
