/* Stylesheet for LZX Documentation */
/* J_LZ_COPYRIGHT_BEGIN *******************************************************
* Copyright 2001-2007 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* J_LZ_COPYRIGHT_END *********************************************************/

@import "styles.css";

div.book, div.chapter, div.part, div.preface, div.appendix, div.index, div.glossary, div.refentry, div.reference {
    padding-left : 60;
    padding-top : 20;
    padding-right : 100;  
}

.toc .section {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-style: normal;
    line-height : 18px;
    font-weight : normal;
    color: #333399;
    margin-left : 10;
}

h1 { margin-left : -45; }
h2 { margin-left: -30; }
h3 { margin-left : -15; }

td { 
    vertical-align: top;
}

.remark {
    background-color: yellow;
}

.refsect1 {
    clear: both;
    margin-top: -5px;
}

.refnamediv {
    float: left;
}

.refsynopsisdiv {
    float: right;
    max-width: 40%;
    margin: 5pt;
    padding: 5pt;
    border: 1px solid #7b839a;
    background-color: #E0E0E0;
}

.refsynopsisdiv h2 {
    margin-left: 0px;
    font-size: 12px;
    border-bottom: solid 1px #7b839a;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Inline markup */

/* This substitutes for turning on shade.verbatim in parameters.xsl */
pre.programlisting {
  background-color: #DDDDDD ;
  border: 1px solid #7b839a ;
  padding: 1em;
}

/* Emphasis inside a program listing is bold blue, instead of italic */
pre em {
    color: blue;
    font-weight: bold;
    font-style: normal;
}

code.fieldsynopsis {
    white-space: normal;
}

/* This is used in the ECMAScript chapter to mark unsupported APIs */
.strikeout {
    font-variant: italic;
    color: red;
}

/* variablelist */

.variablelist .title {
    color: white;
    background-color: #5b607c;
}

.variablelist dd {
    border-bottom: solid 1px #e5e5e5
}

/* Refentry */

.refsect3 {
    margin-top: 7pt;
}

/* Segmented Lists */

.segmentedlist > .title {
    margin-top: 7pt;
    margin-bottom: 5pt;
    background-color: #5b607c;
    color: white;
}

tr.segtitle {
    background-color: #e6e6e6;
    text-align: left;
}

tr.segtitle > th {
    width: 55px;
}

/* Synopsis */

.classsynopsis, .methodsynopsis, .fieldsynopsis {
    font-family:"Courier New",Courier,monospace;
}

.classsynopsis .classname, .methodsynopsis .methodname, .fieldsynopsis .varname {
    font-weight:bold;
}

.methodsynopsis .parameter {
    font-style:italic;
}

/* Conditional Text */

.swf, .swf7, .dhtml, .svg, .jme {
    border-left: 1px solid #7b839a;
    border-right: 1px solid #7b839a;
    border-top: 1px solid #b0b8cf;
    border-bottom: 1px solid #8E96AD;
    background-color: #F8F8F8;
}

.swf:before, .swf7:before, .dhtml:before, .svg:before, .jme:before {
    content:attr(alt);
    font-weight:bold;
    display: block;
    float: right;
    text-align: right;
    margin-right: 5pt;
    margin-top: 5pt;
}

/* Live examples */

.example, .informalexample {
    margin-top: 5pt;
    margin-bottom: 5pt;
    border-left: 1px solid #7b839a;
    border-right: 1px solid #7b839a;
    border-top: 1px solid #b0b8cf;
    border-bottom: 1px solid #8E96AD;
    background-color: #E0E0E0;
}

.example .title, .informalexample .title {
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 10pt;
    border-bottom: 1pt solid black;
    
    background-color: #7b839a;
    color : #ffffff;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight: bold;
    text-decoration: none;
}

.embedded-canvas {
    background-color: white;
    width: 100%;
}

.example table, .informalexample table {
    width: 100%;
    background-color: #E0E0E0;
}

.example .programlisting, .informalexample .programlisting {
    margin: 0 0 0 0;
    padding-top: 10pt;
    padding-bottom: 10pt;
    padding-left: 7pt;
}

.edit-button {
    padding-left: 7pt;
}

td {
vertical-align:top;
}