root / trunk / Xinha.css

.htmlarea { background: #fff; }
.htmlarea td { margin:0 !important;padding:0 !important; }

.htmlarea .toolbarRow {
  width:1px;
}

.htmlarea .toolbar {
  cursor: default;
  background: ButtonFace;
  padding: 3px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar table { margin: 0; font-family: Tahoma, Verdana,sans-serif; font-size: 11px; }
.htmlarea .toolbar img { border: none; vertical-align: top; }
.htmlarea .toolbar .label { padding: 0 3px; }

.htmlarea .toolbar .button {
  background: ButtonFace;
  color: ButtonText;
  border: 1px solid ButtonFace;
  padding: 1px;
  margin: 0;
  width: 18px;
  height: 18px;
}
.htmlarea .toolbar a.button:hover {
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar a.buttonDisabled:hover {
  border-color: ButtonFace;
}
.htmlarea .toolbar .buttonActive,
.htmlarea .toolbar .buttonPressed
{
  padding: 2px 0 0 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.htmlarea .toolbar .buttonPressed {
  background: ButtonHighlight;
}
.htmlarea .toolbar .indicator {
  padding: 0 3px;
  overflow: hidden;
  width: 20px;
  text-align: center;
  cursor: default;
  border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .buttonDisabled img {
  filter: gray() alpha(opacity = 25);
  -moz-opacity: 0.25;
  opacity: 0.25;
}

.htmlarea .toolbar .separator {
  /*position: relative;*/
  margin:0 3px;
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  width: 0;
  height: 18px;
  padding: 0;
}

.htmlarea .toolbar .space { width: 5px; }

.htmlarea .toolbar select, .htmlarea .toolbar option { font: 11px Tahoma,Verdana,sans-serif;}

.htmlarea .toolbar select,
.htmlarea .toolbar select:hover,
.htmlarea .toolbar select:active { 
  position:relative;
  top:-2px;
  margin-bottom:-2px;
  color: ButtonText;
}

.htmlarea iframe.xinha_iframe, .htmlarea textarea.xinha_textarea
{
  border: none; /*1px solid;*/
}

.htmlarea .statusBar {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 4px;
  background-color: ButtonFace;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
  height:16px;
  overflow: hidden;
}

.htmlarea .statusBar .statusBarTree a {
  padding: 2px 5px;
  color: #00f;
}

.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
.htmlarea .statusBar .statusBarTree a:hover {
  background-color: Highlight;
  color: HighlightText;
  padding: 1px 4px;
  border: 1px solid HighlightText;
}

.statusBarWidgetContainer {
  background-color: ButtonFace;
}

/* popup dialogs */

.dialog {
  color: ButtonText;
  background: ButtonFace; 
  border: 1px outset; 
  border-color: WindowFrame;
}
div.dialog {
  padding-bottom:10px;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  
  box-shadow: 9px 9px 10px #444;
  -moz-box-shadow: 9px 9px 10px #444;
  -webkit-box-shadow: 9px 9px 10px #444;
}
div.dialog.modeless {
  box-shadow: 4px 4px 5px #888;
  -moz-box-shadow: 4px 4px 5px #888;
  -webkit-box-shadow: 4px 4px 5px #888;
}
div.dialog.chrome {
  -webkit-box-shadow: none !IMPORTANT;
}
.panels div.dialog.panel {
  border-radius:0;
  -moz-border-radius: 0;
  -webkit-border-radius:0;
  
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.xinha_dialog_background {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  border:none;
}
.xinha_dialog_background_modal_greyout {
  background-color:#666;
  filter: alpha(opacity=70) !IMPORTANT;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.xinha_dialog_background_modal {
  filter: alpha(opacity=0) !IMPORTANT;
  -moz-opacity: 0;
  opacity: 0;
  border:none;
}
body.xinha_dialog_background_modal_greyout {
  filter: alpha(opacity=100) !IMPORTANT;
}
body.xinha_dialog_background_modal {
  filter: alpha(opacity=0);
}
.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  font: 11px Tahoma,Verdana,sans-serif;
}

.dialog table { border-collapse: collapse; }

.dialog .title, .dialog h1
{
  background: ActiveCaption;
  color: CaptionText;
  border-bottom: 1px solid #000;
  padding: 1px 0 2px 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
  letter-spacing: 0.01em;
}
.dialog h1 { 
  padding-left:22px;
  margin:0;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}
.panels .dialog.panel h1 { 
  -moz-border-radius: 0;
  -webkit-border-radius:0;
}

.dialog .title .button {
  float: right;
  border: 1px solid #66a;
  padding: 0 1px 0 2px;
  margin-right: 1px;
  color: #fff;
  text-align: center;
}

.dialog .title .button-hilite { border-color: #88f; background: #44c; }

.dialog button {
  width: 5.5em;
  padding: 0;
}
.dialog .closeButton {
  padding: 0;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  height : 11px;
  width : 11px;
  vertical-align : top;
  position : absolute;
  top : 3px;
  right : 2px;
  background-color: ButtonFace;
  color: ButtonText;
  font-size: 13px;
  font-family: Tahoma,Verdana,sans-serif;
  text-align:center;
  letter-spacing:0;
  overflow:hidden;
}
.dialog .buttonColor {
  width :1em;
  padding: 1px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  height: 0.6em;
  border: 1px solid;
  padding: 0 1em;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonClick {
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.dialog .buttonColor-hilite {
   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor { padding: 0; }
.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }

.dialog .label { text-align: right; width: 6em; }
.dialog .value input { width: 100%; }

.dialog legend { font-weight: bold; }
.dialog fieldset table { margin: 2px 0; }
 
.dialog  .buttons {

      padding: 1em; 
      text-align: center;
}
.dialog .resizeHandle {
    -moz-appearance : resizer;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    cursor : se-resize;
}
.popupwin {
  padding: 0;
  margin: 0;
}

.popupwin .title {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  letter-spacing: 2px;
}

form { margin: 0; border: none; }


/** Panels **/
.htmlarea .panels_top
{
  border-bottom : 1px solid;
  border-color: ButtonShadow;
}

.htmlarea .panels_right
{
  border-left : 1px solid;
  border-color: ButtonShadow;
}

.htmlarea .panels_left
{
  border-right : 1px solid;
  border-color: ButtonShadow;
}

.htmlarea .panels_bottom
{
  border-top : 1px solid;
  border-color: ButtonShadow;
}

.htmlarea .panel h1 {
  clear:left;
  font-size:0.9em;
}

.htmlarea .panel { 
  overflow:hidden; 
  background-color:white;
  padding-bottom:0 !IMPORTANT;
  border: none !IMPORTANT;
}
.htmlarea .panels_left  .panel { border-right:none; border-left:none; }
.htmlarea .panels_left  h1     { border-right:none;  }
.htmlarea .panels_right .panel { border-right:none; border-left:none; }
.htmlarea .panels_left  h1     { border-left:none;  }
.htmlarea { border: 1px solid black; }

.loading
{
  font-family:sans-serif;
  position:absolute;
  z-index:998;
  text-align:center;
  width:212px;
  padding: 55px 0 5px 0;
  border:2px solid #ccc;
  /* border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;*/
  background: url(images/xinha_logo.gif) no-repeat #fff center 5px;
}
.loading_main
{
  font-size:11px;
  color:#000;
 
}
.loading_sub
{
  font-size:9px;
  color:#666;
  text-align:center;
}
/* Classes for filemanager styles in a dialog. */
.dialog a img
{
border: 0 none transparent;
}

.dialog fieldset.collapsed {
border: 0 none transparent;
}

.dialog fieldset.collapsed form {
display: none;
}

.hidden
{
display: none;
}