/*
 *  rococo.css
 *    CSS file for ROCOCO library
 *    ROCOCO library用 CSSファイル
 */

/* ----------------------------------------------------------------
 *  for noscript browsers
 * ---------------------------------------------------------------- */
noscript {
  display: block;
  margin: 1em;
  padding: 1em;
  border: solid 1px #000;
  background: #ffc;
  font-size: 1.2em;
}

/* ----------------------------------------------------------------
 *  texts, elements to note
 * ---------------------------------------------------------------- */
.rococo-notice {
  color: #c00;
}


/* ----------------------------------------------------------------
 *  h2.title at panel.menu,console
 * ---------------------------------------------------------------- */
h2.rococo-title{
  margin: 0;
  padding: 0.25em;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.25em;
  border: solid 1px #999;
  border-radius: 0;
  background: #eee no-repeat left center;
}

/* ----------------------------------------------------------------
 *  holders at panel.menu,console
 * ---------------------------------------------------------------- */
.rococo-rootholder,
.rococo-mainholder {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  display: block;
}

/* ----------------------------------------------------------------
 *  erase underline of anchor at h2.title
 * ---------------------------------------------------------------- */
h2.rococo-title a {
  text-decoration: none;
}

/* ----------------------------------------------------------------
 *  colors of anchor at h2.title / panel,menu,console
 * ---------------------------------------------------------------- */
h2.rococo-title a,
h2.rococo-title a:link,
h2.rococo-title a:active,
h2.rococo-title a:hover,
h2.rococo-title a:visited,
h2.rococo-title a:visited:active,
h2.rococo-title a:visited:hover {
  background-color: transparent;
  color: #339;
}

/* ----------------------------------------------------------------
 *  "open" marker of anchor at h2.title / panel,menu,console
 * ---------------------------------------------------------------- */
h2.rococo-title a.rococo-opened,
h2.rococo-title a.rococo-opened:link,
h2.rococo-title a.rococo-opened:active,
h2.rococo-title a.rococo-opened:hover,
h2.rococo-title a.rococo-opened:visited,
h2.rococo-title a.rococo-opened:visited:active,
h2.rococo-title a.rococo-opened:visited:hover {
  padding-left: 20px;
  background-color: transparent;
  background: url(menu-opened.gif) no-repeat left center;
}

/* ----------------------------------------------------------------
 *  "close" marker of anchor at h2.title / panel,menu,console
 * ---------------------------------------------------------------- */
h2.rococo-title a.rococo-closed,
h2.rococo-title a.rococo-closed:link,
h2.rococo-title a.rococo-closed:active,
h2.rococo-title a.rococo-closed:hover,
h2.rococo-title a.rococo-closed:visited,
h2.rococo-title a.rococo-closed:visited:active,
h2.rococo-title a.rococo-closed:visited:hover {
  padding-left: 20px;
  background-color: transparent;
  background: url(menu-closed.gif) no-repeat left center;
}


/* ----------------------------------------------------------------
 *  "close" marker of anchor at panel.menu,console
 * ---------------------------------------------------------------- */
a.rococo-switchform-closed,
a.rococo-switchform-closed:link,
a.rococo-switchform-closed:active,
a.rococo-switchform-closed:hover {
  padding-left: 20px;
  background-color: transparent;
  background: url(menu-closed.gif) no-repeat left center;
}

/* ----------------------------------------------------------------
 *  helpswitch at h2.title / panel,menu,console
 * ---------------------------------------------------------------- */
h2.rococo-title a.rococo-help-opened,
h2.rococo-title a.rococo-help-closed {
  margin-left: 0.5em;
  padding: 0 0.125em 0 0.125em;
}

/* ----------------------------------------------------------------
 *  help at panel,menu,console
 * ---------------------------------------------------------------- */
.rococo-helpholder { margin: 0; padding: 0; border: 0; }
.rococo-helpholder .rococo-help {
  margin: 0;
  padding: 0.25em 0.125em 0.25em 0.125em;
  border: solid 1px #999;
  border-width: 0 1px 1px 1px;
  background: #ffc;
}

/* ----------------------------------------------------------------
 *  p elements at help / panel,menu,console
 * ---------------------------------------------------------------- */
.rococo-helpholder .rococo-help p {
  margin: 0;
  padding: 0;
}


/* ----------------------------------------------------------------
 *  close help at help / panel,menu,console
 * ---------------------------------------------------------------- */
.rococo-closehelpholder {
  text-align: right;
}

/* ----------------------------------------------------------------
 *  anchor at close help / panel,menu,console
 * ---------------------------------------------------------------- */
a.rococo-closehelp {
  text-decoration: none;
}

/* ----------------------------------------------------------------
 *  message at panel,menu,console
 * ---------------------------------------------------------------- */
.rococo-messageholder{ margin: 0; padding: 0; border: 0; }
.rococo-messageholder .rococo-message {
  margin: 0;
  padding: 0.25em;
  height: 2em;
  border : solid 1px #999;
  border-width: 0 1px 1px 1px;
}

.rococo-messageholder .rococo-message p,
.rococo-messageholder .rococo-message div {
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------------------------
 *  mainholder at panel (panel has not form.input nor div.result)
 * ---------------------------------------------------------------- */
.rococo-freepanel > .rococo-rootholder > .rococo-mainholder {
  margin: 0;
  padding: 0.125em 0.25em 0.125em 0.25em;
  background: #fff;
  border: solid 1px #999;
  border-width: 0 1px 1px 1px;
}


/* ----------------------------------------------------------------
 *  help at menu,console
 * ---------------------------------------------------------------- */
.rococo-menu .rococo-rootholder .rococo-helpholder .rococo-help,
.rococo-console .rococo-rootholder .rococo-helpholder .rococo-help {
  background: url(menu-help-bg.png);
}

/* ----------------------------------------------------------------
 *  div.result at menu,console
 * ---------------------------------------------------------------- */
.rococo-rootholder .rococo-mainholder .rococo-result {
  margin: 0;
  padding: 0.25em 0.125em 0.25em 0.125em;
  background: #fff;
  border: solid 1px #999;
  border-width: 0 1px 1px 1px;
}

/* ----------------------------------------------------------------
 *  form.input at menu
 * ---------------------------------------------------------------- */
.rococo-menu .rococo-rootholder .rococo-mainholder form.rococo-input {
  margin: 0;
  padding: 0.25em 0.25em 0.25em 0.25em;
  background: url('menu-form-bg.png');
  border: solid 1px #999;
  border-width: 0 1px 1px 1px;
}

/* ----------------------------------------------------------------
 *  form.input at console
 * ---------------------------------------------------------------- */
.rococo-console .rococo-rootholder .rococo-mainholder form.rococo-input {
  margin: 0;
  padding: 0.25em 0.25em 0.25em 0.25em;
  background: #fff;
  border: solid 1px #999;
  border-width: 0 1px 1px 1px;
}


/* ----------------------------------------------------------------
 *  div.item at div.result / console
 * ---------------------------------------------------------------- */
.rococo-rootholder .rococo-mainholder .rococo-result {
  margin: 0;
  padding: 0.25em 0.125em 0.25em 0.125em;
}


.rococo-rootholder .rococo-mainholder .rococo-result .rococo-title {
  display: block;
  margin: 0.25em 0.25em 0 0.125em;
  padding: 0.125em 0.25em 0.125em 0.25em;
}

.rococo-rootholder .rococo-mainholder .rococo-result .rococo-value {
  display: block;
  margin: 0 0.25em 0.25em 0.25em;
  padding: 0 0.25em 0 0.25em;
  border: solid 1px #666;
  height: 1.25em;
}

/* ----------------------------------------------------------------
 *  barchart
 * ---------------------------------------------------------------- */
table.rococo-barchart {
  margin: 0.25em;
  border-collapse: collapse;
}
.rococo-barchart th, table.rococo-barchart td {
  text-align: left;
  border: solid 1px #000;
  padding: 0.125em 0.25em 0.125em 0.25em;
}
.rococo-barchart th.rococo-bar { border-right-width: 0; }
.rococo-barchart th.rococo-padding { border-left-width: 0; }
.rococo-barchart .rococo-bar, .rococo-barchart .rococo-padding {
  padding: 0.125em 0 0.125em 0;
}
.rococo-barchart th.rococo-bar span {
  padding: 0 0 0 0.25em;
}

.rococo-barchart td.rococo-bar span {
  padding: 0 0 0 0.25em;
}

.rococo-barchart th { font-weight: normal; }

/* color */
.rococo-barchart .rococo-headrow { background: #efe; }
.rococo-barchart .rococo-datarow th { background: #eef; }
.rococo-barchart .rococo-headrow th.rococo-head { background: #eff; }

/* ----------------------------------------------------------------
 *  vbarchart
 * ---------------------------------------------------------------- */
table.rococo-vbarchart {
  margin: 0.25em;
  border-collapse: collapse;
}
.rococo-vbarchart th, table.rococo-vbarchart td {
  text-align: center;
  border: solid 1px #000;
  padding: 0.125em 0.25em 0.125em 0.25em;
}
.rococo-vbarchart tr.rococo-bar th.rococo-headcol {
  border-bottom-width: 0px;
  padding: 0.25em 0 0 0;
/*  height: 1em; */
}

.rococo-vbarchart tr.rococo-padding th.rococo-headcol { border-top-width: 0px; }
.rococo-vbarchart .rococo-bar, .rococo-vbarchart .rococo-padding {
  padding: 0.125em 0 0.125em 0;
}

.rococo-vbarchart tr.rococo-bar td {
  vertical-align: bottom;
  padding: 0.25em 0.25em 0 0.25em;
}

.rococo-vbarchart tr.rococo-bar td span {
  display: block;
  padding: 0;
}

.rococo-vbarchart td.rococo-bar span {
  padding: 0 0 0.25em 0;
}

.rococo-barchart th { font-weight: normal; }

/* color */
.rococo-vbarchart .rococo-headcol { background: #efe; }
.rococo-vbarchart .rococo-datacol th { background: #eef; }
.rococo-vbarchart .rococo-headcol th.rococo-head { background: #eff; }

/* ----------------------------------------------------------------
 *  matrix
 * ---------------------------------------------------------------- */
.rococo-matrix {
  margin: 0.25em;
  border-collapse: collapse;
}
.rococo-matrix th, .rococo-matrix td { margin: 0; padding: 0; border: solid 1px #000; text-align: center; }
.rococo-matrix span { display: block; margin: 0; padding: 0; text-indent: 0; }
.rococo-matrix .rococo-center { font-weight: bold; }

.rococo-matrix tr th p,
.rococo-matrix tr th div,
.rococo-matrix tr td p,
.rococo-matrix tr td div {
  margin: 0;
  padding: 0;
}


/* color */
.rococo-matrix .rococo-headrow th { background: #fef; }
.rococo-matrix .rococo-bodyrow th { background: #eff; }
.rococo-matrix .rococo-headrow th.rococo-head { background: #fff; }


/* ----------------------------------------------------------------
 *  legend
 * ---------------------------------------------------------------- */
.rococo-legendcell .rococo-color {
  width: 1em;
  height: 1em;
  border: solid 1px #000;
  margin: 0;
  padding: 0 0 0 0;
}

.rococo-legendcell .rococo-text {
  margin: 0;
  padding: 0 0 0 0.25em;
}

/* ----------------------------------------------------------------
 *  printing version
 * ---------------------------------------------------------------- */
@media print {


  /* -------- hiding help at menuitem -------- */
  .rococo-help { display: none; }

  /* -------- hiding background of menuitem -------- */
  h2.rococo-title {
    background: transparent;
  }

  /* -------- hiding helpbutton -------- */
  .rococo-help-opened,
  .rococo-help-closed {
    display: none;
  }


  /* -------- hiding message of menuitem -------- */
  .rococo-message { display: none; }

}

@media aural {
  .rococo-matrix th { display: none; }
}

/*--*/